:root{--bg: radial-gradient(1200px 800px at 50% 0%, #0b0f17, #0c0f1a 40%, #0a0d16 100%);--surface: rgba(20,22,28,.72);--muted: #9aa3b2;--text: #E6E8EF;--primary: #39FF14;--primary-600: #00C853;--accent-2: #00E5FF;--success: #22c55e;--error: #ef4444;--ring: 0 0 0 3px rgba(57,255,20,.25)}@media (prefers-color-scheme: light){:root{--bg: linear-gradient(180deg, #f7f7fc, #eef2ff);--surface:#ffffffcc;--muted:#566173;--text:#0f172a;--primary:#39FF14;--primary-600:#00C853;--accent-2:#00B8D4 }}.theme-propuesta-2{--bg: radial-gradient(1200px 800px at 50% 0%, #0b0f17, #0c0f1a 40%, #0a0d16 100%);--surface: rgba(20,22,28,.72);--muted: #9aa3b2;--text: #E6E8EF;--primary: #39FF14;--primary-600: #00C853;--accent-2: #00E5FF;--success: #22c55e;--error: #ef4444;--ring: 0 0 0 3px rgba(57,255,20,.25)}body.theme-propuesta-2{background:var(--bg);color:var(--text)}.theme-propuesta-2 .app-header{background:color-mix(in oklab,var(--surface),transparent 0%);border-bottom-color:color-mix(in oklab,var(--muted),transparent 70%)}.theme-propuesta-2 .tabs button{background:color-mix(in oklab,var(--surface),transparent 6%);border-color:color-mix(in oklab,var(--muted),transparent 60%);color:var(--text)}.theme-propuesta-2 .tabs button.active{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#000 35%));color:#fff;border-color:var(--primary);box-shadow:0 6px 18px #651fff40,var(--ring)}.theme-propuesta-2 .bottom-bar{background:color-mix(in oklab,var(--surface),transparent 2%);border-color:color-mix(in oklab,var(--muted),transparent 70%);box-shadow:0 10px 30px #00000040}.theme-propuesta-2 .card{background:var(--surface);border-color:color-mix(in oklab,var(--muted),transparent 70%)}.theme-propuesta-2 input,.theme-propuesta-2 textarea{background:color-mix(in oklab,var(--surface),#000 0%);border-color:color-mix(in oklab,var(--muted),transparent 70%);color:var(--text)}.theme-propuesta-2 input::placeholder,.theme-propuesta-2 textarea::placeholder{color:color-mix(in oklab,var(--muted),#fff 10%)}.theme-propuesta-2 .prompt-output{background:var(--surface);color:var(--text);border-color:color-mix(in oklab,var(--muted),transparent 70%)}.theme-propuesta-2 button.primary{background:linear-gradient(135deg,#7440ff,#5b2bd3);color:#fff;border-color:#7c4dff8c;box-shadow:0 6px 18px #651fff40,0 0 0 1px #7c4dff40}.theme-propuesta-2 button.primary:hover{filter:brightness(1.05);box-shadow:0 8px 22px #651fff52,0 0 0 2px #7c4dff59}.theme-propuesta-2 button.ghost{border-color:color-mix(in oklab,var(--muted),transparent 60%);color:var(--text)}.theme-propuesta-1{--bg: linear-gradient(180deg, #f7f7fc, #eef2ff);--surface: rgba(255,255,255,.88);--muted: #566173;--text: #0f172a;--primary: #7C4DFF;--primary-600: #651FFF;--accent-2: #00B8D4;--success: #16a34a;--error: #dc2626;--ring: 0 0 0 3px rgba(124,77,255,.25)}body.theme-propuesta-1{background:var(--bg);color:var(--text)}.theme-propuesta-1 .app-header{background:color-mix(in oklab,var(--surface),transparent 0%);border-bottom-color:color-mix(in oklab,var(--muted),transparent 70%)}.theme-propuesta-1 .tabs button{background:color-mix(in oklab,var(--surface),transparent 0%);border-color:color-mix(in oklab,var(--muted),transparent 60%);color:var(--text)}.theme-propuesta-1 .tabs button.active{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#fff 15%));color:#fff;border-color:var(--primary);box-shadow:0 6px 18px #651fff40,var(--ring)}.theme-propuesta-1 .bottom-bar{background:color-mix(in oklab,var(--surface),transparent 0%);border-color:color-mix(in oklab,var(--muted),transparent 50%);box-shadow:0 10px 30px #00000014}.theme-propuesta-1 .card{background:var(--surface);border-color:color-mix(in oklab,var(--muted),transparent 60%)}.theme-propuesta-1 input,.theme-propuesta-1 textarea{background:color-mix(in oklab,var(--surface),#fff 0%);border-color:color-mix(in oklab,var(--muted),transparent 60%);color:var(--text)}.theme-propuesta-1 input::placeholder,.theme-propuesta-1 textarea::placeholder{color:color-mix(in oklab,var(--muted),#000 0%)}.theme-propuesta-1 .prompt-output{background:var(--surface);color:var(--text);border-color:color-mix(in oklab,var(--muted),transparent 60%)}.theme-propuesta-1 button.primary{background:linear-gradient(135deg,#7440ff,#5b2bd3);color:#fff;border-color:#7c4dff8c;box-shadow:0 6px 18px #651fff33,0 0 0 1px #7c4dff33}.theme-propuesta-1 button.primary:hover{filter:brightness(1.03);box-shadow:0 8px 22px #651fff47,0 0 0 2px #7c4dff40}.theme-propuesta-1 button.ghost{border-color:color-mix(in oklab,var(--muted),transparent 50%);color:var(--text)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Montserrat,Roboto,system-ui,-apple-system,Segoe UI,Inter,Ubuntu,Cantarell;background:var(--bg);color:var(--text)}.w-full{width:100%}.h-full{height:100%}.h-2{height:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.text-white{color:#fff}.text-white\/90{color:#ffffffe6}.text-white\/80{color:#fffc}.text-white\/70{color:#ffffffb3}.bg-transparent{background-color:transparent}.bg-white\/5{background-color:#ffffff0d}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.bg-blue-400{background-color:#60a5fa}body.theme-fondo{--bg: #0b0d13}body.theme-fondo:before{content:"";position:fixed;left:50%;top:50%;width:100vh;height:100vw;transform:translate(-50%,-50%) rotate(90deg);background-image:url(../images/landing/Fondo.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.7);z-index:-1;pointer-events:none}body.no-global-mask{--surface: rgba(20,22,28,.72);--muted: #9aa3b2;--text: #E6E8EF}h1{font-size:1.75rem;font-weight:700;letter-spacing:.2px;margin:.25rem 0 1rem}h2{font-size:1.25rem;font-weight:600;margin:.25rem 0 .5rem}h3{font-size:1.05rem;font-weight:600;margin:.25rem 0 .5rem}.small,.text-small{font-size:.875rem}.muted{color:var(--muted)}.app{display:flex;min-height:100%;flex-direction:column}.app-header{position:sticky;top:0;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);background:color-mix(in oklab,var(--surface),transparent 0%);border-bottom:1px solid color-mix(in oklab,var(--muted),transparent 75%);padding:.85rem 1rem;display:flex;align-items:center;justify-content:space-between;z-index:10;box-shadow:0 10px 30px #00000040}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700}.tabs{display:flex;gap:.5rem}.tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid color-mix(in oklab,var(--muted),transparent 60%);background:color-mix(in oklab,var(--surface),transparent 6%);color:var(--text);padding:.6rem .9rem;border-radius:.8rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease}.tabs button.active{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#000 35%));border-color:var(--primary);color:#fff;box-shadow:0 6px 18px #651fff40,var(--ring)}.tabs button:hover{border-color:var(--primary);transform:translateY(-1px)}.container{width:min(1100px,92%);margin-inline:auto;padding:1.25rem 0 3rem}.app-footer{margin-top:auto;padding:1rem;display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--muted);border-top:1px solid color-mix(in oklab,var(--muted),transparent 75%)}.chip{border:1px solid color-mix(in oklab,var(--muted),transparent 60%);background:transparent;color:var(--text);padding:.35rem .75rem;border-radius:999px;cursor:pointer;font-size:.9rem;display:inline-flex;align-items:center;gap:.45rem}.chip .chip-icon{display:inline-flex;align-items:center;justify-content:center;color:#39ff14}.chip.selected .chip-icon{color:#000}.chip.selected{background:#39ff14;color:#000;border-color:#39ff14}.chip.hex{--capsule-border: color-mix(in oklab, var(--muted), transparent 55%);--capsule-bg: color-mix(in oklab, var(--surface), transparent 6%);--capsule-ring: rgba(57,255,20,.28);display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .9rem;border-radius:14px;border:1px solid var(--capsule-border);background:var(--capsule-bg);color:var(--text);box-shadow:0 0 0 1px #39ff142e;text-align:center;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.chip.hex:hover{border-color:color-mix(in oklab,var(--primary),transparent 30%);background:color-mix(in oklab,var(--surface),transparent 0%);box-shadow:0 0 0 1px var(--capsule-ring)}.chip.hex.selected{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#000 35%));color:#fff;border-color:color-mix(in oklab,var(--primary),transparent 45%);box-shadow:0 0 0 1px #39ff144d}.chip.hex:focus-visible{outline:none;box-shadow:var(--ring)}.bottom-nav{position:sticky;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;padding:.45rem;background:color-mix(in oklab,var(--surface),transparent 0%);border-top:1px solid color-mix(in oklab,var(--muted),transparent 75%);-webkit-backdrop-filter:saturate(160%) blur(8px);backdrop-filter:saturate(160%) blur(8px);z-index:10}.bottom-nav button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--muted);padding:.5rem .25rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;border-radius:.65rem;cursor:pointer;font-size:.8rem}.bottom-nav button svg{width:22px;height:22px}.bottom-nav button.active{color:#fff;background:color-mix(in oklab,var(--primary),transparent 85%)}.bottom-nav button:hover{color:#fff}.hero-btn{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#000 40%));color:#fff;border:none;padding:1rem 1.25rem;border-radius:1rem;font-weight:700;display:inline-flex;gap:.5rem;align-items:center;box-shadow:0 10px 30px #00000059,0 0 #7c4dff00;transition:transform .15s ease,box-shadow .25s ease}.hero-btn:hover{filter:saturate(1.1) brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 36px #0006,0 0 0 2px #7c4dff40}.hero-btn.large{padding:1.15rem 1.35rem;font-size:1.05rem;border-radius:16px}.bottom-bar label{display:block;font-weight:600;margin-bottom:.35rem;color:color-mix(in oklab,var(--text),#fff 0%)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.card-item{background:var(--surface);border:1px solid color-mix(in oklab,var(--muted),transparent 70%);border-radius:.75rem;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.card-item header{display:flex;justify-content:space-between;align-items:center;font-weight:600}.card-item .excerpt{color:var(--muted);font-size:.9rem;max-height:3.6em;overflow:hidden}.card-item footer{display:flex;gap:.5rem;justify-content:flex-end}.searchbar{display:flex;gap:.5rem;margin-bottom:.75rem}.searchbar input{flex:1}.card{position:relative;background:color-mix(in oklab,var(--surface),transparent 0%);border:1px solid color-mix(in oklab,var(--muted),transparent 70%);border-radius:1rem;padding:1.25rem;box-shadow:0 12px 34px #00000040,0 0 0 1px #7c4dff26;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px)}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(145deg,rgba(124,77,255,.08),transparent 35%,rgba(0,229,255,.08) 85%,transparent 100%);mask:linear-gradient(#000,transparent 60%)}.card.no-mask:after{display:none}body.no-global-mask .card:after{display:none!important}body.no-global-mask .hoverOverlay{opacity:.06!important;background:transparent!important}body.mobile-highperf .app-header,body.mobile-highperf .bottom-bar,body.mobile-highperf .card{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in oklab,var(--surface),transparent 6%)}body.mobile-highperf .tabs button{transition:transform .15s ease,box-shadow .2s ease}body.mobile-highperf .hero-btn{transition:transform .15s ease,box-shadow .25s ease}body.mobile-highperf .MuiPaper-root,body.mobile-highperf .MuiAppBar-root,body.mobile-highperf .MuiDrawer-paper{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}body.mobile-highperf .MuiListItemButton-root.Mui-selected{animation:none!important}.row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}@media (max-width: 900px){.row{grid-template-columns:1fr}}@media (max-width: 600px){.card,.row,.field,.bottom-bar{border-radius:12px}.card,.bottom-bar{padding:1rem}.row.neon-border.static,.field.neon-border.static{padding:10px!important}}.field{display:flex;flex-direction:column;gap:.5rem}label{color:#fff;font-size:.92rem;letter-spacing:.2px;font-weight:700}input[type=text],select,textarea{width:100%;border:1px solid color-mix(in oklab,var(--muted),transparent 60%);background:color-mix(in oklab,var(--surface),transparent 6%);color:var(--text);padding:.75rem .95rem;border-radius:.85rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}textarea{min-height:110px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:var(--ring)}.theme-propuesta-2 select,.theme-propuesta-2 input,.theme-propuesta-2 textarea{color-scheme:dark}.theme-propuesta-2 select option,.theme-propuesta-2 select optgroup{background:#0f172a;color:#fff}.theme-propuesta-2 select option:checked,.theme-propuesta-2 select option:hover,.theme-propuesta-2 select option:focus{background:#0b1324;color:#fff}select option{background:#0f172a;color:#fff}.chip-group{display:flex;flex-wrap:wrap;gap:.5rem}.chip{border:1px solid color-mix(in oklab,var(--muted),transparent 60%);background:color-mix(in oklab,var(--surface),transparent 10%);color:var(--text);padding:.4rem .85rem;border-radius:999px;cursor:pointer;font-size:.92rem;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .05s ease}.chip:hover{border-color:color-mix(in oklab,var(--primary),transparent 25%);background:color-mix(in oklab,var(--surface),transparent 0%)}.chip.selected{background:linear-gradient(135deg,#39ff14,color-mix(in oklab,#39FF14,black 20%));color:#000;border-color:#39ff14;box-shadow:0 0 0 2px #39ff1440}.chip:focus-visible{outline:none;box-shadow:0 0 0 3px #39ff1459}.theme-neon .chip.selected{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#000 35%));color:#fff;border-color:color-mix(in oklab,var(--primary),transparent 45%);box-shadow:0 0 0 2px #39ff1459}.theme-neon .chip:hover{border-color:color-mix(in oklab,var(--primary),transparent 45%)}.theme-neon .chip-group .clear-btn{color:#111827}.theme-neon .prompt-output,.theme-neon .actions button.ghost:hover{border-color:color-mix(in oklab,var(--primary),transparent 45%)}.theme-gold{--bg: radial-gradient(1200px 800px at 50% 0%, #0a0a0a, #0b0b0b 40%, #0e0e0e 100%);--surface: rgba(18,18,18,.78);--muted: #9ca3af;--text: #f5f5f5;--primary: #d4af37;--primary-600: #b68c2b;--accent-2: #9ca3af;--success: #22c55e;--error: #ef4444;--ring: 0 0 0 3px rgba(212,175,55,.25)}.theme-gold .tabs button.active{box-shadow:0 6px 18px #d4af3740,var(--ring)}.theme-gold .chip.selected{background:linear-gradient(135deg,#d4af37,#b68c2b);color:#111;border-color:#d4af37;box-shadow:0 0 0 2px #d4af3759}.theme-gold .chip:hover{border-color:color-mix(in oklab,#d4af37,transparent 35%)}.theme-gold .prompt-output{border-color:color-mix(in oklab,#d4af37,transparent 45%)}.theme-gold .hero-btn{background:linear-gradient(135deg,#d4af37,#b68c2b);color:#111}.theme-gold .hero-btn:hover{filter:brightness(1.04)}.theme-gold .option-card-btn .icon{color:#d4af37}.theme-gold .option-card-btn.gradient{background:linear-gradient(135deg,#d4af37,#b68c2b);color:#111;border-color:#d4af378c;box-shadow:0 6px 18px #d4af3738,0 0 0 1px #d4af3740}.theme-gold .option-card-btn.gradient:hover{box-shadow:0 8px 22px #d4af3752,0 0 0 2px #d4af3759}.theme-gold .option-card-btn.blue{background:linear-gradient(135deg,#d4af37,#b68c2b);color:#111;border-color:#d4af3773;box-shadow:0 6px 18px #d4af3740,0 0 0 1px #d4af3740}.theme-gold .option-card-btn.blue:hover{filter:brightness(1.05);box-shadow:0 8px 22px #d4af3752,0 0 0 2px #d4af3759}.theme-gold .tabs button{color:var(--text)}.theme-gold .tabs button.active{color:#111}.theme-gold .bottom-bar{background:linear-gradient(180deg,#0c0c0c,#111);border-color:color-mix(in oklab,var(--muted),transparent 65%)}.theme-gold .card{background:linear-gradient(180deg,#0b0b0b,#111);border-color:color-mix(in oklab,var(--muted),transparent 70%);backdrop-filter:none;-webkit-backdrop-filter:none}.theme-gold .card:after{display:none}.theme-gold input,.theme-gold textarea{background:color-mix(in oklab,var(--surface),transparent 0%);border-color:color-mix(in oklab,var(--muted),transparent 65%);color:var(--text)}.theme-gold input:focus,.theme-gold textarea:focus{border-color:#d4af37}.theme-gold .clear-btn{color:#f5f5f5}.theme-gold .neon-border:hover{box-shadow:0 0 0 2px #d4af3740,0 0 18px #d4af3759}.theme-gold .neon-border:before{background:conic-gradient(from 0deg,#d4af37,#b68c2b,#111,#d4af37)}@media (max-width: 600px){.theme-gold .row.neon-border.static,.theme-gold .field.neon-border.static{padding:10px!important}}body.mobile-highperf .theme-gold .neon-border{border:3px solid transparent;background:linear-gradient(0deg,color-mix(in oklab,var(--surface),transparent 0%),color-mix(in oklab,var(--surface),transparent 0%)) padding-box,linear-gradient(90deg,#d4af37,#b68c2b,#111,#d4af37) border-box;background-size:auto,380% 100%;animation:neon-slide 5.2s linear infinite}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,color-mix(in oklab,var(--primary),transparent 40%),color-mix(in oklab,var(--accent-2),transparent 60%));border-radius:999px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-6px;width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid color-mix(in oklab,var(--surface),transparent 0%);box-shadow:0 1px 6px #00000059}input[type=range]::-moz-range-track{height:6px;background:linear-gradient(90deg,color-mix(in oklab,var(--primary),transparent 60%),color-mix(in oklab,var(--accent-2),transparent 70%));border-radius:999px}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--primary);border:2px solid color-mix(in oklab,var(--surface),transparent 0%);box-shadow:0 1px 6px #00000059}.bottom-bar{position:sticky;bottom:0;left:0;right:0;margin-top:1rem;padding:.85rem;background:color-mix(in oklab,var(--surface),transparent 2%);border:1px solid color-mix(in oklab,var(--muted),transparent 70%);border-radius:1rem;box-shadow:0 10px 30px #00000040;-webkit-backdrop-filter:saturate(140%) blur(6px);backdrop-filter:saturate(140%) blur(6px)}.bottom-bar label{display:block;font-weight:700;margin-bottom:.35rem;color:#fff}.bottom-bar .actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.result-actions{display:flex;justify-content:flex-end;margin-top:.5rem}.prompt-output{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:radial-gradient(600px 400px at 20% 0%,#12121a,#0f0f17);color:#f6f7fb;border:1px solid #2A2A2A;border-radius:.75rem;padding:.85rem .95rem;white-space:pre-wrap;word-wrap:break-word;overflow:auto;max-height:180px;line-height:1.48;box-shadow:inset 0 0 0 1px #ffffff05}.result-block .prompt-output{margin-top:.5rem}button.primary{background:linear-gradient(135deg,#7440ff,#5b2bd3);color:#fff;border:1px solid rgba(124,77,255,.55);padding:.75rem 1rem;border-radius:.8rem;cursor:pointer;font-weight:700;box-shadow:0 6px 18px #651fff40,0 0 0 1px #7c4dff40}button.primary:hover{filter:brightness(1.05);box-shadow:0 8px 22px #651fff52,0 0 0 2px #7c4dff59}.badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.8rem;background:color-mix(in oklab,var(--primary),#000 85%);color:#e9d7ff;padding:.25rem .5rem;border-radius:999px;border:1px solid color-mix(in oklab,var(--primary),#000 70%)}.uploader{display:flex;align-items:center;justify-content:center;border:2px dashed color-mix(in oklab,var(--muted),transparent 55%);border-radius:1rem;padding:1.25rem;min-height:160px;cursor:pointer;text-align:center;color:var(--muted)}.uploader:hover{border-color:var(--primary)}.preview{display:flex;gap:1rem;align-items:flex-start}.preview img{max-width:320px;border-radius:.75rem;border:1px solid color-mix(in oklab,var(--muted),transparent 70%)}.loader{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;display:flex;align-items:flex-end;justify-content:center;padding:1rem;z-index:50}.modal{width:min(680px,100%);background:var(--surface);border:1px solid color-mix(in oklab,var(--muted),transparent 70%);border-radius:1rem 1rem 0 0;padding:1rem;box-shadow:0 -10px 30px #00000059}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.icon-btn{background:transparent;color:var(--text);border:none;font-size:1.25rem;cursor:pointer;border-radius:.5rem}.icon-btn:hover{color:#fff}.chips-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.5rem}.chips-grid .chip{text-align:left}.hero-btn{--btn-bg1:#1b1230;--btn-bg2:#0f0a1e;--btn-border: rgba(124,77,255,.45);--btn-glow: rgba(124,77,255,.35);--btn-cyan: #00e5ff;background:radial-gradient(120% 120% at 0% 0%,rgba(255,255,255,.08),transparent 35%),linear-gradient(135deg,var(--btn-bg1),var(--btn-bg2));color:#ece7ff;border:1px solid var(--btn-border);padding:.9rem 1.15rem;border-radius:14px;font-weight:700;display:inline-flex;gap:.6rem;align-items:center;box-shadow:0 0 0 1px var(--btn-glow),0 10px 26px #651fff40,0 0 22px #00e5ff1f,inset 0 1px 6px #ffffff0f;transition:transform .15s ease,box-shadow .25s ease,filter .2s ease,background .25s ease}.hero-btn svg{width:18px;height:18px;color:var(--btn-cyan);filter:drop-shadow(0 0 6px rgba(0,229,255,.6))}.hero-btn:hover{transform:translateY(-1px);box-shadow:0 0 0 2px #7c4dff73,0 14px 32px #651fff59,0 0 28px #00e5ff33,inset 0 1px 8px #ffffff14}.hero-btn:active{transform:translateY(0);filter:brightness(.98)}button.primary{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#000 35%));color:#fff;border:1px solid color-mix(in oklab,var(--primary),transparent 45%);padding:.75rem 1rem;border-radius:.8rem;cursor:pointer;font-weight:700;box-shadow:0 6px 18px #39ff1438,0 0 0 1px #39ff1440}button.primary:hover{filter:brightness(1.05);box-shadow:0 8px 22px #39ff144d,0 0 0 2px #39ff1459}button.ghost{background:transparent;border:1px dashed color-mix(in oklab,var(--muted),transparent 60%);color:var(--text);padding:.75rem 1rem;border-radius:.65rem;cursor:pointer}button.primary,button.ghost{display:inline-flex;align-items:center;gap:.5rem}.chip.selected{background:linear-gradient(135deg,#39ff14,color-mix(in oklab,#39FF14,black 20%));color:#000;border-color:#39ff14;box-shadow:0 0 0 2px #39ff1440,0 0 16px #39ff1433}.clear-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:color-mix(in oklab,#ffffff,var(--surface) 20%);color:#111827;border:1px solid color-mix(in oklab,var(--muted),transparent 50%);padding:.45rem .7rem;border-radius:.55rem;cursor:pointer;font-weight:600}.clear-btn:hover{filter:brightness(1.02);border-color:color-mix(in oklab,var(--primary),transparent 55%)}.option-card-btn{display:inline-flex;align-items:center;gap:12px;padding:16px 20px;min-height:78px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:var(--text);font-weight:700;letter-spacing:.2px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;box-shadow:0 0 #7c4dff00}.option-card-btn.gradient{background:linear-gradient(135deg,var(--primary),color-mix(in oklab,var(--accent-2),#000 35%));color:#fff;border-color:color-mix(in oklab,var(--primary),transparent 45%);box-shadow:0 6px 18px #39ff1438,0 0 0 1px #39ff1440}.option-card-btn.gradient:hover{filter:brightness(1.05);box-shadow:0 8px 22px #39ff144d,0 0 0 2px #39ff1459}.option-card-btn.blue{background:linear-gradient(135deg,#0ea5ff,#005bea);color:#fff;border-color:#0ea5e973;box-shadow:0 6px 18px #0ea5e940,0 0 0 1px #0ea5e940}.option-card-btn.blue:hover{filter:brightness(1.05);box-shadow:0 8px 22px #0ea5e952,0 0 0 2px #0ea5e959}.option-card-btn .icon{display:inline-flex;color:var(--accent-2)}.option-card-btn .label{display:inline-flex;align-items:center}.option-card-btn:hover{transform:translateY(-2px);border-color:#7c4dffa6;box-shadow:0 0 0 1px #7c4dff40,0 0 12px #7c4dff59}.neon-border{position:relative;isolation:isolate;overflow:hidden}.neon-border .cardImage,.neon-border .bgImage{z-index:0}.neon-border .hoverOverlay,.neon-border .overlay{z-index:1}.neon-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:3px;background:conic-gradient(from 0deg,#39ff14,#00e5ff,#0ea5ff,#39ff14);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:neon-spin 3.2s linear infinite;pointer-events:none;opacity:.95;filter:saturate(1.25) contrast(1.18);z-index:2}.neon-border.static:before{animation:none!important}@keyframes neon-spin{to{transform:rotate(360deg)}}.neon-border:hover{box-shadow:0 0 0 2px #39ff1440,0 0 18px #39ff1459}.option-card-btn:active{transform:translateY(0)}.option-card-btn:focus-visible{outline:none;box-shadow:0 0 0 2px #7c4dff73,0 0 22px #7c4dff80}.field-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.field-header label{font-weight:600;color:var(--muted)}.field-header .icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent-2)}.result-block .prompt-output{margin-top:.25rem}button.small{padding:.45rem .7rem;font-size:.85rem;border-radius:.55rem}.results-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}@media (min-width: 900px){.results-grid{grid-template-columns:repeat(3,1fr)}}.results-grid .result-block{height:100%}.theme-propuesta-1 .tabs button{box-shadow:0 6px 16px #00000029}.theme-propuesta-1 .chip{box-shadow:0 4px 12px #00000029}.theme-propuesta-1 .card,.theme-propuesta-1 .card-item{box-shadow:0 14px 34px #0000002e}.theme-propuesta-1 input[type=text],.theme-propuesta-1 textarea,.theme-propuesta-1 select,.theme-propuesta-1 .MuiOutlinedInput-root,.theme-propuesta-1 .MuiInputBase-root{box-shadow:0 8px 20px #00000026}.theme-propuesta-1 .MuiOutlinedInput-root.Mui-focused,.theme-propuesta-1 .MuiInputBase-root.Mui-focused{box-shadow:0 0 0 3px #7c4dff59,0 12px 24px #0000002e}.cards,.results-grid{content-visibility:auto;contain-intrinsic-size:300px}body.mobile-highperf .card,body.mobile-highperf .card-item{box-shadow:0 8px 22px #00000038,0 0 0 1px #7c4dff1f}body.mobile-highperf .container{will-change:transform}@keyframes neon-slide{0%{background-position:0% 50%}to{background-position:100% 50%}}body.mobile-highperf .neon-border:before{display:none}body.mobile-highperf .neon-border{border:3px solid transparent;background:linear-gradient(0deg,color-mix(in oklab,var(--surface),transparent 0%),color-mix(in oklab,var(--surface),transparent 0%)) padding-box,linear-gradient(90deg,#39ff14,#00e5ff,#0ea5ff,#39ff14) border-box;background-size:auto,380% 100%;animation:neon-slide 5.2s linear infinite;will-change:background-position,box-shadow}@property --neon-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.neon-border-card:before{display:none!important}.neon-border-card{position:relative;isolation:isolate;background:none}@keyframes neon-rotate{to{--neon-angle: 360deg}}.neon-border-card:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--neon-angle),#d4af37 0deg,#b68c2b 60deg,#111111 120deg,#d4af37 180deg,#b68c2b 240deg,#111111 300deg,#d4af37 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:neon-rotate 3.6s linear infinite;pointer-events:none;z-index:3;filter:saturate(1.05) contrast(1.18);transform:scale(1);transform-origin:center;transition:transform .25s ease;will-change:transform}.neon-border-card:hover:after{transform:scale(1.06)}.neon-border-card:active:after{transform:scale(1.08)}@media (hover: none){.neon-border-card:active:after{transform:scale(1.06)}}.theme-propuesta-1 .uploader{box-shadow:0 12px 28px #0000002e}.theme-propuesta-1 .prompt-output{box-shadow:0 14px 30px #0003,inset 0 0 0 1px #ffffff0a}.theme-propuesta-1 .preview img{box-shadow:0 10px 22px #00000026}.theme-propuesta-1 .option-card-btn{box-shadow:0 12px 26px #0000002e,0 0 0 1px #7c4dff24}.theme-propuesta-1 .MuiButton-root{box-shadow:0 8px 20px #0000002e}.theme-propuesta-1 .MuiButton-root:hover{box-shadow:0 10px 24px #0000003d}.theme-propuesta-1 button.ghost,.theme-propuesta-1 .clear-btn{box-shadow:0 6px 16px #00000024}.theme-propuesta-1 button.small{box-shadow:0 5px 14px #00000024}.theme-propuesta-1 .icon-btn{box-shadow:0 4px 12px #0000001f}.theme-propuesta-2 .tabs button{box-shadow:0 6px 16px #00000047}.theme-propuesta-2 .chip{box-shadow:0 4px 12px #00000047}.theme-propuesta-2 .card,.theme-propuesta-2 .card-item{box-shadow:0 16px 40px #00000073}.compact .card{padding:1rem}.compact .row{gap:.75rem}.compact .field,.compact .field-header{gap:.35rem}.compact input[type=text],.compact textarea,.compact select{padding:.55rem .75rem;font-size:.92rem}.compact textarea{min-height:90px}.compact .chip-group{gap:.35rem}.compact .chip{padding:.28rem .65rem;font-size:.86rem}.compact .tabs{gap:.35rem}.compact .tabs button{padding:.45rem .7rem;border-radius:.6rem;font-size:.9rem}.compact .option-card-btn{min-height:64px;padding:12px 16px;gap:10px}.compact .bottom-bar{padding:1rem!important;margin-top:1rem!important}.compact .prompt-output{padding:.75rem!important}.compact .clear-btn{padding:.35rem .55rem}.compact input[type=range]::-webkit-slider-runnable-track{height:5px}.compact input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-5px}.compact input[type=range]::-moz-range-track{height:5px}.compact input[type=range]::-moz-range-thumb{width:16px;height:16px}.theme-propuesta-2 input[type=text],.theme-propuesta-2 textarea,.theme-propuesta-2 select,.theme-propuesta-2 .MuiOutlinedInput-root,.theme-propuesta-2 .MuiInputBase-root{box-shadow:0 10px 24px #00000057}.theme-propuesta-2 .MuiOutlinedInput-root.Mui-focused,.theme-propuesta-2 .MuiInputBase-root.Mui-focused{box-shadow:0 0 0 3px #7c4dff61,0 12px 28px #0000005c}.theme-propuesta-2 .uploader{box-shadow:0 14px 34px #00000061}.theme-propuesta-2 .prompt-output{box-shadow:0 16px 36px #0006,inset 0 0 0 1px #ffffff0a}.theme-propuesta-2 .preview img{box-shadow:0 12px 26px #00000057}.theme-propuesta-2 .option-card-btn{box-shadow:0 14px 34px #00000057,0 0 0 1px #7c4dff2e}.theme-propuesta-2 .MuiButton-root{box-shadow:0 10px 26px #0000005c}.theme-propuesta-2 .MuiButton-root:hover{box-shadow:0 12px 30px #0000006b}.theme-propuesta-2 button.ghost,.theme-propuesta-2 .clear-btn{box-shadow:0 6px 16px #0000004d}.theme-propuesta-2 button.small{box-shadow:0 5px 14px #00000047}.theme-propuesta-2 .icon-btn{box-shadow:0 4px 12px #00000042}.theme-propuesta-1 button.primary{box-shadow:0 10px 26px #651fff4d,0 0 0 2px #7c4dff4d}.theme-propuesta-1 button.primary:hover{box-shadow:0 12px 30px #651fff61,0 0 0 3px #7c4dff59}.theme-propuesta-2 button.primary{box-shadow:0 12px 32px #651fff52,0 0 0 2px #7c4dff59}.theme-propuesta-2 button.primary:hover{box-shadow:0 14px 36px #651fff66,0 0 0 3px #7c4dff66}.section-hero{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 0 1rem}.section-hero h1{margin:0;font-size:1.5rem;line-height:1.2;color:#fff;font-weight:800}.section-hero .muted{margin-top:.25rem}.hero-actions{display:flex;align-items:center;gap:.5rem}.prompt-metrics{color:var(--muted);font-size:.82rem;font-weight:500}.neon-title{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,sans-serif;font-weight:900;letter-spacing:.8px;text-transform:uppercase;font-size:clamp(28px,4.6vw,56px);line-height:1.05;color:#fff7e6;text-shadow:0 0 6px rgba(212,175,55,.35),0 0 14px rgba(212,175,55,.4),0 0 22px rgba(182,140,43,.32),0 0 36px rgba(0,0,0,.45);filter:saturate(140%);position:relative;isolation:isolate;display:inline-block}.neon-title:before{content:"";position:absolute;top:-8px;right:-10px;bottom:-10px;left:-10px;border-radius:14px;pointer-events:none;background:linear-gradient(90deg,#0000008c,#d4af3747 20%,#d4af3766,#d4af3747 80%,#0000008c);background-size:200% 100%;box-shadow:0 0 24px #d4af3733 inset,0 0 36px #00000059 inset;will-change:background-position,box-shadow,transform;animation:band-glow 2.6s ease-in-out infinite;z-index:-1}.neon-title .glow{display:inline-block;background:none;-webkit-background-clip:text;background-clip:text;color:inherit;position:relative;z-index:1}.neon-sparkle{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;filter:blur(1.1px) saturate(120%);opacity:.75;z-index:0}.neon-sparkle:before,.neon-sparkle:after{content:"";position:absolute;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle,#d4af37d9,#d4af3700 70%);box-shadow:0 0 24px #d4af3773,0 0 42px #0000004d;animation:sparkle-move 1.8s ease-in-out infinite}.neon-sparkle:after{background:radial-gradient(circle,#b68c2be6,#b68c2b00 70%);box-shadow:0 0 24px #b68c2b6b,0 0 42px #00000047;animation-duration:2.64s;animation-delay:.22s}@keyframes sparkle-move{0%{transform:translate(8%) scale(1);opacity:.75}35%{transform:translate(82%,12%) scale(1.15);opacity:.95}70%{transform:translate(26%,84%) scale(.95);opacity:.85}to{transform:translate(8%) scale(1);opacity:.75}}@keyframes band-glow{0%{background-position:0% 50%;box-shadow:0 0 22px #00b2ff2e inset,0 0 32px #00b2ff24 inset;transform:scale(1)}50%{background-position:100% 50%;box-shadow:0 0 30px #00b2ff38 inset,0 0 44px #00b2ff2e inset;transform:scale(1.02)}to{background-position:0% 50%;box-shadow:0 0 22px #00b2ff2e inset,0 0 32px #00b2ff24 inset;transform:scale(1)}}.help-wrapper{position:relative;display:inline-flex;align-items:center}.help-button{outline:none}.help-tooltip{position:absolute;z-index:40;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:min(320px,80vw);background:#0f172a;color:#fff;border:1px solid #334155;border-radius:8px;padding:8px 10px;font-size:12px;line-height:1.4;box-shadow:0 12px 28px #00000059;opacity:0;pointer-events:none;transition:opacity .15s ease,transform .15s ease}.help-wrapper:hover .help-tooltip,.help-wrapper:focus-within .help-tooltip{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(-2px)}.help-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:10px;height:10px;background:#0f172a;border-left:1px solid #334155;border-bottom:1px solid #334155;rotate:45deg}