:root{--text: #6b6375;--text-h: #08060d;--bg: #fff;--border: #e5e4e7;--code-bg: #f4f3ec;--accent: #aa3bff;--accent-bg: rgba(170, 59, 255, .1);--accent-border: rgba(170, 59, 255, .5);--social-bg: rgba(244, 243, 236, .5);--shadow: rgba(0, 0, 0, .1) 0 10px 15px -3px, rgba(0, 0, 0, .05) 0 4px 6px -2px;--sans: system-ui, "Segoe UI", Roboto, sans-serif;--heading: system-ui, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1024px){:root{font-size:16px}}@media(prefers-color-scheme:dark){:root{--text: #9ca3af;--text-h: #f3f4f6;--bg: #16171d;--border: #2e303a;--code-bg: #1f2028;--accent: #c084fc;--accent-bg: rgba(192, 132, 252, .15);--accent-border: rgba(192, 132, 252, .5);--social-bg: rgba(47, 48, 58, .5);--shadow: rgba(0, 0, 0, .4) 0 10px 15px -3px, rgba(0, 0, 0, .25) 0 4px 6px -2px}#social .button-icon{filter:invert(1) brightness(2)}}body{margin:0}#root{min-height:100svh}h1,h2{font-weight:inherit;color:inherit}p{margin:0}code,.counter{font-family:var(--mono);display:inline-flex;border-radius:4px;color:var(--text-h)}code{font-size:15px;line-height:135%;padding:4px 8px;background:var(--code-bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg: #0a0a14;--surface: #0d0d1a;--surface2: #111127;--border: #1e1e3a;--primary: #7c3aed;--primary-hover:#6d28d9;--primary-light:rgba(124,58,237,.16);--primary-glow: rgba(124,58,237,.35);--text: #e2e8f0;--muted: #94a3b8;--radius: 11px;--shadow: 0 4px 32px rgba(0,0,0,.6), 0 1px 6px rgba(0,0,0,.4);--shadow-sm: 0 2px 12px rgba(0,0,0,.4);--input-bg: #0d0d1a;--topbar-h: 52px}[data-theme=light]{--bg: #f0f4ff;--surface: #ffffff;--surface2: #f8faff;--border: #dde3f0;--primary: #7c3aed;--primary-hover:#6d28d9;--primary-light:rgba(124,58,237,.08);--primary-glow: rgba(124,58,237,.2);--text: #1e293b;--muted: #64748b;--shadow: 0 4px 24px rgba(124,58,237,.08), 0 1px 4px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--input-bg: #fafbff}body{font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .3s,color .3s}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:#0d0d1aeb;border-bottom:1px solid var(--border);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;padding:0 18px;z-index:200}[data-theme=light] .topbar{background:#ffffffe6}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-logo-icon{width:28px;height:28px;color:var(--primary);flex-shrink:0}.topbar-logo-text{font-size:1rem;font-weight:800;letter-spacing:-.5px;color:var(--text);background:linear-gradient(135deg,#e2e8f0,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .topbar-logo-text{background:linear-gradient(135deg,#1e293b,#7c3aed);-webkit-background-clip:text;background-clip:text}.topbar-badge-pro{font-size:.65rem;font-weight:800;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#7c3aed,#a855f7);padding:2px 8px;border-radius:99px;box-shadow:0 0 12px var(--primary-glow)}.topbar-actions{display:flex;align-items:center;gap:10px}.btn-upgrade{display:flex;align-items:center;gap:6px;padding:8px 18px;background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;border-radius:9px;font-size:.85rem;font-weight:700;cursor:pointer;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:0 0 20px var(--primary-glow);white-space:nowrap}.btn-upgrade:hover{opacity:.9;box-shadow:0 0 28px var(--primary-glow)}.btn-upgrade:active{transform:scale(.97)}.btn-dark-toggle{width:32px;height:32px;background:var(--surface2);border:1.5px solid var(--border);border-radius:10px;color:var(--muted);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-dark-toggle:hover{border-color:var(--primary);color:var(--primary)}.app{min-height:100vh}.main-content{max-width:1200px;margin:0 auto;padding:calc(var(--topbar-h) + 16px) 20px 40px}.type-grid{display:grid;grid-template-columns:repeat(11,1fr);gap:6px;margin-bottom:14px}@media(max-width:1000px){.type-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.type-grid{grid-template-columns:repeat(4,1fr);gap:5px}}.type-card{display:flex;flex-direction:column;align-items:center;gap:5px;padding:9px 5px 8px;background:var(--surface);border:1.5px solid var(--border);border-radius:9px;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s,transform .1s;text-align:center}.type-card:hover{border-color:var(--primary);background:var(--surface2);box-shadow:0 0 16px var(--primary-glow)}.type-card:active{transform:scale(.96)}.type-card.active{border-color:var(--primary);background:var(--primary-light);box-shadow:0 0 20px var(--primary-glow)}.type-card-icon{width:20px;height:20px;color:var(--muted);display:flex;align-items:center;justify-content:center;transition:color .18s}.type-card-icon svg{width:100%;height:100%}.type-card.active .type-card-icon,.type-card:hover .type-card-icon{color:var(--primary)}.type-card-name{font-size:.6rem;font-weight:600;color:var(--muted);letter-spacing:.01em;line-height:1.2;transition:color .18s}.type-card.active .type-card-name,.type-card:hover .type-card-name{color:var(--text)}.workspace{display:grid;grid-template-columns:1fr 340px;gap:14px;align-items:start}@media(max-width:860px){.workspace{grid-template-columns:1fr}}.preview-col{display:flex;flex-direction:column;gap:16px}.form-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;transition:background .3s,border-color .3s}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.qr-card,.customize-card,.card-section,.html-card-section,.published-section,.page-preview-section,.card-iframe-section,.contact-qr-mode{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:background .3s,border-color .3s}.section-title{font-size:.7rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.form-body{padding:14px;display:flex;flex-direction:column;gap:10px}.contact-fields{display:flex;flex-direction:column;gap:8px}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field textarea,.select-input{padding:7px 11px;border:1.5px solid var(--border);border-radius:8px;font-size:.875rem;font-family:inherit;color:var(--text);background:var(--input-bg);transition:border-color .2s,box-shadow .2s;resize:vertical}.field input:focus,.field textarea:focus,.select-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.field input::placeholder,.field textarea::placeholder{color:#4a5568}[data-theme=light] .field input::placeholder,[data-theme=light] .field textarea::placeholder{color:#b0bac9}.select-input{cursor:pointer}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text);cursor:pointer;padding:4px 0}.checkbox-label input{width:16px;height:16px;cursor:pointer;accent-color:var(--primary)}.hint{font-size:.8rem;color:var(--muted);line-height:1.5;background:var(--primary-light);border-left:3px solid var(--primary);padding:9px 13px;border-radius:0 8px 8px 0}.fields-hint{font-size:.8rem;color:var(--muted);padding:4px 0 2px;font-style:italic}.field-editable{display:flex;align-items:center;gap:8px;border:1.5px solid var(--border);border-radius:9px;overflow:hidden;background:var(--input-bg);transition:border-color .2s,box-shadow .2s}.field-editable:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.field-label-input{width:120px;min-width:90px;padding:7px 9px;border:none;border-right:1.5px solid var(--border);background:var(--primary-light);font-size:.78rem;font-weight:600;color:var(--primary);outline:none;cursor:text}.field-value-input{flex:1;padding:7px 10px;border:none;background:transparent;font-size:.93rem;font-family:inherit;color:var(--text);outline:none}.field-value-input::placeholder{color:#4a5568}[data-theme=light] .field-value-input::placeholder{color:#b0bac9}.card-template-picker{display:flex;flex-direction:column;gap:8px;padding:14px 0 0;border-top:1px solid var(--border);margin-top:4px}.card-template-label{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.card-section{padding:12px;display:flex;flex-direction:column;gap:10px}.card-preview-wrap{border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0006}.card-actions{display:flex;flex-direction:column;gap:8px}.btn-action{width:100%;padding:8px;border:none;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;transition:opacity .2s,transform .1s}.btn-action:hover{opacity:.88}.btn-action:active{transform:scale(.98)}.btn-card{background:#0ea5e9;color:#fff}.btn-vcf{background:#10b981;color:#fff}.qr-card{padding:13px;display:flex;flex-direction:column;align-items:center;gap:10px}.qr-display{width:100%;aspect-ratio:1;border:2px dashed var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--input-bg);transition:border-color .3s,background .3s;padding:8px}.qr-display.filled{border-style:solid;border-color:var(--primary);box-shadow:0 0 24px var(--primary-glow)}.qr-canvas canvas{width:100%!important;height:auto!important;border-radius:8px}.qr-canvas.hidden{display:none}.qr-empty{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted)}.qr-empty-icon{font-size:3rem;opacity:.2}.qr-empty p{font-size:.82rem;line-height:1.4;max-width:170px;text-align:center;opacity:.6}.qr-btn-group{display:flex;flex-direction:column;gap:8px;width:100%}.btn-download{width:100%;padding:9px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.87rem;font-weight:700;cursor:pointer;transition:background .2s,box-shadow .2s,transform .1s;box-shadow:0 0 18px var(--primary-glow)}.btn-download:hover{background:var(--primary-hover);box-shadow:0 0 24px var(--primary-glow)}.btn-download:active{transform:scale(.98)}.btn-download-frame{width:100%;padding:8px;background:#0284c7;color:#fff;border:none;border-radius:8px;font-size:.84rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-download-frame:hover{opacity:.88}.btn-share{width:100%;padding:8px;border:2px solid var(--primary);border-radius:8px;background:transparent;color:var(--primary);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-share:hover{background:var(--primary-light)}.btn-share.shared{background:#10b981;border-color:#10b981;color:#fff}.history-save-row{display:flex;gap:8px;width:100%}.history-name-input{flex:1;padding:7px 10px;border:1.5px solid var(--border);border-radius:9px;font-size:.88rem;font-family:inherit;color:var(--text);background:var(--input-bg);outline:none;transition:border-color .2s}.history-name-input:focus{border-color:var(--primary)}.history-name-input::placeholder{color:#4a5568;font-size:.82rem}[data-theme=light] .history-name-input::placeholder{color:#b0bac9}.btn-save-history{padding:7px 12px;border:2px solid var(--primary);border-radius:9px;background:transparent;color:var(--primary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-save-history:hover{background:var(--primary-light)}.btn-save-history.saved{background:#10b981;border-color:#10b981;color:#fff}.customize-card{overflow:visible}.customize-toggle{width:100%;padding:10px 14px;border:none;background:transparent;font-size:.93rem;font-weight:600;color:var(--primary);cursor:pointer;text-align:left;display:flex;justify-content:space-between;transition:background .2s}.customize-toggle:hover{background:var(--primary-light)}.customize-body{padding:11px 14px 14px;display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--border)}.customize-section h3{font-size:.72rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:9px}.color-row{display:flex;flex-direction:column;gap:9px}.color-field{display:flex;flex-direction:column;gap:4px}.color-field label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.color-pick-wrap{display:flex;align-items:center;gap:10px;border:1.5px solid var(--border);border-radius:9px;padding:5px 10px;background:var(--input-bg)}.color-pick-wrap input[type=color]{width:30px;height:30px;border:none;padding:0;background:none;cursor:pointer;border-radius:6px}.color-pick-wrap span{font-size:.82rem;color:var(--muted);font-family:monospace}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.style-grid-4{grid-template-columns:1fr 1fr}.style-btn{padding:8px 6px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);font-size:.79rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .18s;text-align:center}.style-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.style-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:700}.btn-reset{padding:9px;width:100%;border:1.5px solid var(--border);border-radius:8px;background:transparent;font-size:.84rem;color:var(--muted);cursor:pointer;transition:all .2s}.btn-reset:hover{border-color:var(--primary);color:var(--primary)}.btn-upload-logo{width:100%;padding:11px;border:2px dashed var(--border);border-radius:9px;background:var(--input-bg);color:var(--muted);font-size:.88rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-upload-logo:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.logo-preview-wrap{display:flex;align-items:center;gap:12px;padding:8px;background:var(--input-bg);border:1.5px solid var(--border);border-radius:9px}.logo-preview{width:52px;height:52px;object-fit:contain;border-radius:8px;border:1px solid var(--border);background:#fff}.btn-remove-logo{flex:1;padding:8px;border:1.5px solid rgba(239,68,68,.4);border-radius:8px;background:#ef444414;color:#ef4444;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-remove-logo:hover{background:#ef444426}.frame-text-input{width:100%;padding:10px 13px;border:1.5px solid var(--border);border-radius:9px;font-size:.93rem;font-family:inherit;color:var(--text);background:var(--input-bg);outline:none;transition:border-color .2s}.frame-text-input:focus{border-color:var(--primary)}.frame-text-input::placeholder{color:#4a5568}[data-theme=light] .frame-text-input::placeholder{color:#b0bac9}.history-section{margin-top:40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:24px;max-width:1200px;margin-left:auto;margin-right:auto}.history-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;flex-wrap:wrap}.history-title{font-size:1.05rem;font-weight:700;color:var(--text)}.history-subtitle{font-size:.82rem;color:var(--muted);margin-top:3px}.history-top-btns{display:flex;gap:8px;flex-wrap:wrap}.btn-export-html,.btn-export-json,.btn-import-json{padding:8px 14px;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-export-html{background:var(--primary);color:#fff}.btn-export-json{background:#059669;color:#fff}.btn-import-json{background:#0284c7;color:#fff}.btn-export-html:hover,.btn-export-json:hover,.btn-import-json:hover{opacity:.85}.btn-clear-hist{padding:8px 14px;background:transparent;color:#ef4444;border:1.5px solid rgba(239,68,68,.35);border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-clear-hist:hover{background:#ef444414}.history-search{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:9px;font-size:.92rem;font-family:inherit;color:var(--text);background:var(--input-bg);outline:none;transition:border-color .2s;margin-bottom:16px;display:block}.history-search:focus{border-color:var(--primary)}.history-search::placeholder{color:#4a5568}[data-theme=light] .history-search::placeholder{color:#b0bac9}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.history-empty{color:var(--muted);font-size:.88rem;padding:16px 0}.history-item{border:1.5px solid var(--border);border-radius:12px;padding:12px;background:var(--surface2);display:flex;flex-direction:column;gap:10px;transition:box-shadow .2s,border-color .2s}.history-item:hover{box-shadow:0 4px 20px var(--primary-glow);border-color:var(--primary)}.history-thumb img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:8px;background:#fff;border:1px solid var(--border);display:block}.history-info{display:flex;flex-direction:column;gap:4px}.hist-badge{display:inline-block;padding:2px 10px;border-radius:99px;font-size:10px;font-weight:700;text-transform:uppercase;width:fit-content}.hist-url{background:#3b82f633;color:#93c5fd}.hist-texto{background:#eab30833;color:#fde047}.hist-contacto{background:#10b98133;color:#6ee7b7}.hist-wifi{background:#ec489933;color:#f9a8d4}.hist-whatsapp{background:#22c55e33;color:#86efac}.hist-correo{background:#7c3aed33;color:#c4b5fd}.hist-tarjeta{background:#f9731633;color:#fdba74}.hist-página{background:#0ea5e933;color:#7dd3fc}[data-theme=light] .hist-url{background:#dbeafe;color:#1d4ed8}[data-theme=light] .hist-texto{background:#fef3c7;color:#92400e}[data-theme=light] .hist-contacto{background:#d1fae5;color:#065f46}[data-theme=light] .hist-wifi{background:#fce7f3;color:#9d174d}[data-theme=light] .hist-whatsapp{background:#dcfce7;color:#166534}[data-theme=light] .hist-correo{background:#ede9fe;color:#5b21b6}[data-theme=light] .hist-tarjeta{background:#ffedd5;color:#9a3412}.hist-label{font-size:.82rem;font-weight:600;color:var(--text);word-break:break-all;line-height:1.3}.hist-meta{font-size:.74rem;color:var(--muted)}.history-btns{display:flex;gap:8px}.btn-hist-dl,.btn-hist-del{flex:1;padding:8px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);font-size:.9rem;cursor:pointer;transition:all .18s}.btn-hist-dl:hover{background:var(--primary-light);border-color:var(--primary)}.btn-hist-del:hover{background:#ef44441a;border-color:#ef444480}.html-card-section{padding:12px;display:flex;flex-direction:column;gap:12px}.template-selector{display:flex;gap:7px;flex-wrap:wrap}.template-btn{flex:1;min-width:80px;padding:6px;border:1.5px solid var(--border);border-radius:9px;background:var(--input-bg);font-size:.76rem;font-weight:500;color:var(--muted);cursor:pointer;transition:all .18s;text-align:center}.template-btn:hover{border-color:var(--primary);color:var(--primary)}.template-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary);font-weight:700}.html-card-actions{display:flex;flex-direction:column;gap:8px}.btn-html-preview{width:100%;padding:7px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-html-preview:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-html-download{width:100%;padding:7px;border:none;border-radius:8px;background:#0284c7;color:#fff;font-size:.84rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-html-download:hover{opacity:.88}.btn-html-publish{width:100%;padding:7px;border:none;border-radius:8px;background:#059669;color:#fff;font-size:.84rem;font-weight:600;cursor:pointer;transition:opacity .2s}.btn-html-publish:hover:not(:disabled){opacity:.88}.btn-html-publish:disabled{opacity:.4;cursor:not-allowed}.btn-html-qr{width:100%;padding:7px;border:none;border-radius:8px;background:var(--primary);color:#fff;font-size:.84rem;font-weight:600;cursor:pointer;transition:opacity .2s;box-shadow:0 0 16px var(--primary-glow)}.btn-html-qr:hover:not(:disabled){opacity:.88}.btn-html-qr:disabled{opacity:.4;cursor:not-allowed}.publish-result{font-size:.78rem;line-height:1.5;padding:9px 12px;border-radius:8px;border-left:3px solid}.publish-ok{background:#0596691a;border-color:#059669;color:#6ee7b7}.publish-error{background:#ef44441a;border-color:#ef4444;color:#fca5a5}.publish-warn{background:#eab30814;border-color:#ca8a04;color:#fcd34d}[data-theme=light] .publish-ok{background:#f0fdf4;border-color:#16a34a;color:#15803d}[data-theme=light] .publish-error{background:#fef2f2;border-color:#dc2626;color:#b91c1c}[data-theme=light] .publish-warn{background:#fefce8;border-color:#ca8a04;color:#92400e}.publish-link{color:#34d399;font-family:monospace;font-weight:600;word-break:break-all}[data-theme=light] .publish-link{color:#16a34a}.publish-note{color:var(--muted)}.published-section{padding:18px;display:flex;flex-direction:column;gap:12px}.published-count{display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.72rem;font-weight:700;border-radius:999px;padding:1px 8px;margin-left:8px}.published-list{display:flex;flex-direction:column;gap:10px}.pub-card{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--surface2);display:flex;flex-direction:column;gap:6px;transition:border-color .2s}.pub-card:hover{border-color:var(--primary)}.pub-card-header{display:flex;justify-content:space-between;align-items:center}.pub-template-badge{font-size:.72rem;font-weight:700;background:var(--primary-light);color:var(--primary);padding:2px 8px;border-radius:999px}.pub-datetime{font-size:.72rem;color:var(--muted)}.pub-card-name{font-size:.95rem;font-weight:700;color:var(--text)}.pub-card-url{font-size:.72rem;font-family:monospace;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-card-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.pub-btn{font-size:.78rem;font-weight:600;padding:5px 10px;border-radius:7px;border:none;cursor:pointer;transition:opacity .2s;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.pub-btn-open{background:#0284c7;color:#fff}.pub-btn-copy{background:var(--primary-light);color:var(--primary);border:1px solid var(--border)}.pub-btn-qr{background:var(--primary);color:#fff}.pub-btn-delete{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.3)}[data-theme=light] .pub-btn-delete{background:#fee2e2;border-color:#fca5a5}.pub-btn:hover{opacity:.82}.qr-dense-warning{font-size:.78rem;color:#fde047;background:#eab3081a;border-left:3px solid #f59e0b;padding:8px 11px;border-radius:0 6px 6px 0;line-height:1.4}[data-theme=light] .qr-dense-warning{color:#92400e;background:#fef3c7}.html-card-hint{font-size:.76rem;color:var(--muted);background:var(--primary-light);border-left:3px solid var(--primary);padding:7px 11px;border-radius:0 6px 6px 0;line-height:1.4}.slug-field{display:flex;flex-direction:column;gap:5px}.slug-label{font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.slug-row{display:flex;gap:6px;align-items:center}.slug-input{flex:1;padding:8px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:.88rem;font-family:monospace;transition:border-color .2s}.slug-input:focus{outline:none;border-color:var(--primary)}.slug-reset{padding:7px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--muted);cursor:pointer;font-size:.9rem;transition:all .2s}.slug-reset:hover{border-color:var(--primary);color:var(--primary)}.slug-url{font-size:.75rem;padding:6px 10px;background:var(--primary-light);border-radius:6px;line-height:1.5;word-break:break-all}.slug-url-label{color:var(--muted)}.slug-url-value{color:var(--primary);font-family:monospace;font-weight:600}.slug-url-empty{color:var(--muted);font-style:italic}.page-form{display:flex;flex-direction:column;gap:10px}.page-section{display:flex;flex-direction:column;gap:7px}.page-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:500px){.field-row{grid-template-columns:1fr}}.logo-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.logo-thumb{width:48px;height:48px;object-fit:contain;border-radius:8px;border:1.5px solid var(--border)}.btn-logo-upload{padding:7px 13px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--muted);font-size:.82rem;cursor:pointer;font-weight:600;transition:all .2s}.btn-logo-upload:hover{border-color:var(--primary);color:var(--primary)}.btn-logo-remove{padding:7px 10px;border:1.5px solid rgba(239,68,68,.4);border-radius:8px;background:#ef444414;color:#ef4444;cursor:pointer;font-size:.82rem;transition:all .2s}.btn-logo-remove:hover{background:#ef444426}.page-style-toggle{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:9px;background:var(--input-bg);color:var(--muted);font-size:.88rem;font-weight:600;cursor:pointer;text-align:left;transition:all .2s}.page-style-toggle:hover{border-color:var(--primary);color:var(--primary)}.page-style-body{display:flex;flex-direction:column;gap:2px;padding-top:4px}.page-colors-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-sliders{display:flex;flex-direction:column;gap:8px}.slider-row{display:flex;align-items:center;gap:10px}.slider-label{font-size:.75rem;color:var(--muted);width:64px;flex-shrink:0}.slider-row input[type=range]{flex:1;accent-color:var(--primary)}.slider-val{font-size:.75rem;color:var(--muted);width:38px;text-align:right;flex-shrink:0}.slider-num-input{width:48px;text-align:center;padding:3px 4px;border-radius:6px;border:1.5px solid var(--border);background:var(--input-bg);color:var(--text);font-size:.8rem;flex-shrink:0;-moz-appearance:textfield}.slider-num-input::-webkit-inner-spin-button,.slider-num-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.slider-num-input:focus{outline:none;border-color:var(--primary)}.slider-unit{font-size:.72rem;color:var(--muted);flex-shrink:0}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:4px}.preset-btn{padding:8px 10px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;border:2px solid transparent;background:var(--preset-bg, var(--input-bg));color:var(--preset-color, var(--text));transition:transform .15s,box-shadow .15s,border-color .15s;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:var(--preset-color, var(--primary))}.color-fields-list{display:flex;flex-direction:column;gap:6px;margin-top:4px}.color-field-row{display:flex;align-items:center;gap:8px}.cfl-label{font-size:.76rem;color:var(--muted);width:76px;flex-shrink:0}.cfl-picker{width:30px;height:28px;padding:2px;border-radius:6px;border:1.5px solid var(--border);cursor:pointer;background:none;flex-shrink:0}.cfl-picker::-webkit-color-swatch-wrapper{padding:0}.cfl-picker::-webkit-color-swatch{border-radius:4px;border:none}.cfl-hex{flex:1;padding:4px 8px;border-radius:6px;border:1.5px solid var(--border);background:var(--input-bg);color:var(--text);font-size:.8rem;font-family:Courier New,monospace;letter-spacing:.04em;transition:border-color .2s}.cfl-hex:focus{outline:none;border-color:var(--primary)}.cfl-hex.invalid{border-color:#ef4444;background:#ef444412}.page-preview-section{padding:12px;display:flex;flex-direction:column;gap:9px}.page-iframe-wrap{width:100%;height:380px;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.page-iframe{width:100%;height:100%;border:none;display:block}.card-iframe-section{padding:18px;display:flex;flex-direction:column;gap:12px}.card-iframe-wrap{width:100%;height:420px;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}.card-iframe{width:100%;height:100%;border:none;display:block}.url-input-row{display:flex;gap:6px;align-items:stretch}.url-input-row input{flex:1}.btn-open-link{display:inline-flex;align-items:center;justify-content:center;padding:0 13px;border-radius:9px;background:var(--primary);color:#fff;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:opacity .2s;white-space:nowrap;flex-shrink:0}.btn-open-link:hover{opacity:.85}.url-validation{font-size:.76rem;padding:5px 10px;border-radius:6px;margin-top:4px;line-height:1.4}.url-ok{background:#0596691f;color:#34d399;border-left:3px solid #059669}.url-warn{background:#eab3081f;color:#fde047;border-left:3px solid #d97706}[data-theme=light] .url-ok{background:#f0fdf4;color:#15803d;border-left-color:#16a34a}[data-theme=light] .url-warn{background:#fefce8;color:#92400e;border-left-color:#f59e0b}.contact-qr-mode{padding:14px 16px;display:flex;flex-direction:column;gap:10px}.qr-mode-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.qr-mode-btns{display:flex;gap:8px}.qr-mode-btn{flex:1;padding:9px 10px;border:1.5px solid var(--border);border-radius:9px;background:var(--input-bg);color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .18s;text-align:center}.qr-mode-btn:hover{border-color:var(--primary);color:var(--primary)}.qr-mode-btn.active{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.qr-mode-hint{font-size:.75rem;color:var(--muted);line-height:1.5}.qr-mode-link-field{display:flex;flex-direction:column;gap:6px}.qr-mode-link-label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pub-panel-section{margin:0 auto 40px;max-width:1100px;padding:28px 32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.pub-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.pub-panel-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:4px}.pub-panel-meta{font-size:.82rem;color:var(--muted)}.pub-panel-error{color:#f87171;font-size:.85rem;margin-bottom:12px}.pub-panel-body{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pub-panel-subsection{background:var(--surface2);border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);padding:16px}.pub-panel-subtitle{font-size:.92rem;font-weight:600;color:var(--text);margin-bottom:12px;display:flex;align-items:center;gap:8px}.pub-panel-empty{font-size:.82rem;color:var(--muted);font-style:italic}.pub-panel-list{display:flex;flex-direction:column;gap:8px}.pub-panel-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:0}.pub-panel-name{font-size:.82rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pub-panel-actions{display:flex;gap:6px;flex-shrink:0}.pub-btn-refresh{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:7px 14px;border-radius:8px;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:background .15s}.pub-btn-refresh:hover{background:var(--border)}@media(max-width:700px){.pub-panel-body{grid-template-columns:1fr}.pub-panel-section{padding:18px 14px}}@media(max-width:600px){.main-content{padding:calc(var(--topbar-h) + 16px) 14px 40px}.topbar{padding:0 16px}.topbar-logo-text{font-size:1rem}.btn-upgrade{padding:7px 12px;font-size:.8rem}.type-grid{gap:6px}.type-card{padding:10px 6px 9px}.type-card-icon{width:22px;height:22px}.type-card-name{font-size:.62rem}.history-section{padding:16px}}.galeria-section{margin:0 auto 32px;max-width:1100px;width:100%;padding:0 20px}.galeria-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;cursor:pointer;color:var(--text);font-size:1rem;font-weight:600;transition:background .15s,border-color .15s}.galeria-header:hover{background:var(--surface2);border-color:var(--primary)}.galeria-header-left{display:flex;align-items:center;gap:10px}.galeria-header-icon{font-size:1.2rem}.galeria-header-count{font-size:.78rem;font-weight:400;color:var(--muted);margin-left:4px}.galeria-header-arrow{color:var(--muted);font-size:.85rem}.galeria-body{background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius) var(--radius);padding:20px}.galeria-tabs{display:flex;gap:8px;margin-bottom:16px}.galeria-tab{padding:8px 18px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.85rem;cursor:pointer;transition:all .15s}.galeria-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.galeria-tab:hover:not(.active){border-color:var(--primary);color:var(--text)}.galeria-filtros{margin-bottom:14px}.galeria-busqueda{width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:9px 14px;color:var(--text);font-size:.88rem;margin-bottom:10px;outline:none;transition:border-color .15s}.galeria-busqueda:focus{border-color:var(--primary)}.galeria-cats{display:flex;flex-wrap:wrap;gap:6px}.galeria-cat-btn{padding:4px 12px;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.78rem;cursor:pointer;transition:all .15s}.galeria-cat-btn.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary);font-weight:600}.galeria-cat-btn:hover:not(.active){border-color:var(--primary);color:var(--text)}.galeria-resultado-count{font-size:.78rem;color:var(--muted);margin-bottom:14px}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-bottom:16px}.galeria-card{background:var(--surface2);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}.galeria-card:hover{border-color:var(--primary);box-shadow:0 4px 20px #7c3aed33;transform:translateY(-2px)}.galeria-iframe-wrap{position:relative;height:160px;overflow:hidden;cursor:pointer;background:#111}.galeria-iframe{width:200%;height:200%;transform:scale(.5);transform-origin:top left;border:none;pointer-events:none;display:block}.galeria-iframe-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000;transition:background .2s}.galeria-card:hover .galeria-iframe-overlay{background:#00000073}.galeria-ver-btn{opacity:0;background:var(--primary);color:#fff;padding:8px 16px;border-radius:100px;font-size:.82rem;font-weight:600;transition:opacity .2s}.galeria-card:hover .galeria-ver-btn{opacity:1}.galeria-card-info{padding:10px 12px 6px;flex:1}.galeria-card-nombre{font-size:.88rem;font-weight:600;color:var(--text);margin-bottom:2px}.galeria-card-desc{font-size:.75rem;color:var(--muted);line-height:1.4;margin-bottom:6px}.galeria-card-cat{display:inline-block;font-size:.7rem;background:var(--primary-light);color:var(--primary);border-radius:100px;padding:2px 8px;font-weight:500}.galeria-card-actions{display:flex;gap:6px;padding:8px 10px 10px}.btn-galeria-ver,.btn-galeria-qr{flex:1;padding:7px 4px;border-radius:8px;border:1px solid var(--border);font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;color:var(--muted)}.btn-galeria-ver:hover{background:var(--surface);border-color:var(--primary);color:var(--text)}.btn-galeria-qr{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.btn-galeria-qr:hover{background:var(--primary);color:#fff}.galeria-empty{text-align:center;color:var(--muted);padding:32px;font-size:.9rem}.galeria-hint{font-size:.78rem;color:var(--muted);border-top:1px solid var(--border);padding-top:12px;line-height:1.6}@media(max-width:600px){.galeria-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.galeria-iframe-wrap{height:120px}.galeria-section{padding:0 14px}}.ia-section{padding:16px;display:flex;flex-direction:column;gap:16px;background:var(--card-bg, var(--input-bg));border-radius:12px;border:1px solid var(--border)}.ia-block{display:flex;flex-direction:column;gap:8px}.ia-label{font-size:.84rem;font-weight:700;color:var(--text);letter-spacing:.2px}.ia-hint{font-size:.74rem;color:var(--muted);line-height:1.45;margin:-2px 0 4px}.ia-textarea{width:100%;padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;background:var(--input-bg);color:var(--text);font-family:inherit;font-size:.88rem;resize:vertical;min-height:76px;transition:border-color .18s}.ia-textarea:focus{outline:none;border-color:var(--primary)}.ia-textarea:disabled{opacity:.5;cursor:not-allowed}.ia-examples{display:flex;flex-wrap:wrap;gap:6px}.ia-example-chip{padding:4px 9px;border:1px solid var(--border);border-radius:99px;background:transparent;color:var(--muted);font-size:.72rem;cursor:pointer;transition:all .18s}.ia-example-chip:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.ia-example-chip:disabled{opacity:.4;cursor:not-allowed}.ia-btn-generate{width:100%;padding:11px;border:none;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;transition:filter .18s,transform .12s;box-shadow:0 6px 20px #7c3aed59}.ia-btn-generate:hover:not(:disabled){filter:brightness(1.08)}.ia-btn-generate:active:not(:disabled){transform:translateY(1px)}.ia-btn-generate:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.ia-error{padding:9px 12px;border-radius:8px;background:#ef44441a;border-left:3px solid #ef4444;color:#fca5a5;font-size:.8rem}[data-theme=light] .ia-error{background:#fef2f2;color:#b91c1c}.ia-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ia-input{padding:9px 11px;border:1.5px solid var(--border);border-radius:9px;background:var(--input-bg);color:var(--text);font-size:.86rem;font-family:inherit;transition:border-color .18s}.ia-input:focus{outline:none;border-color:var(--primary)}.ia-input-full{grid-column:1 / -1}.ia-channels{display:flex;flex-direction:column;gap:6px}.ia-channel{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border:1.5px solid var(--border);border-radius:9px;background:var(--input-bg);transition:border-color .15s,background .15s}.ia-channel.on{border-color:var(--primary);background:var(--primary-light, rgba(124,58,237,.06))}.ia-channel-toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.86rem;color:var(--text);font-weight:500}.ia-channel-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.ia-channel-ico{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 6px #0003}.ia-channel-ico svg{width:17px;height:17px;display:block}.ia-channel-name{flex:1}.ia-channel-input{width:100%}.ia-colors{display:flex;gap:14px;flex-wrap:wrap}.ia-color-field{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);font-weight:600}.ia-color-field input[type=color]{width:38px;height:32px;border:1.5px solid var(--border);border-radius:8px;cursor:pointer;background:transparent;padding:2px}.ia-preview-card{position:relative;width:100%;max-width:360px;margin:0 auto;aspect-ratio:3 / 4;border-radius:20px;overflow:hidden;box-shadow:0 18px 44px #0006;background:#0a0a0a}.ia-preview-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ia-preview-overlay{position:absolute;left:0;right:0;bottom:0;min-height:58%;max-height:90%;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 20px 20px;background:transparent;font-family:system-ui,-apple-system,sans-serif}.ia-preview-tag{display:inline-block;color:#fff;font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:4px 9px;border-radius:99px;margin-bottom:8px;width:fit-content;box-shadow:0 4px 14px #0006}.ia-preview-name{font-size:22px;font-weight:800;line-height:1.05;letter-spacing:-.3px;text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.95)}.ia-preview-job{font-size:12.5px;font-weight:600;margin-top:3px;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.95)}.ia-preview-icons{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.ia-preview-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;box-shadow:0 3px 10px #00000059}.ia-preview-icon svg{width:17px;height:17px;display:block}.ia-preview-save{margin-top:14px;display:inline-block;color:#fff;font-weight:600;font-size:11.5px;padding:7px 13px;border-radius:9px;width:fit-content;box-shadow:0 4px 12px #0000004d}@media(max-width:640px){.ia-form-grid{grid-template-columns:1fr}}.ia-ref{margin-top:2px}.ia-ref-upload{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px dashed var(--border);border-radius:10px;background:var(--input-bg);cursor:pointer;transition:border-color .15s,background .15s}.ia-ref-upload:hover{border-color:var(--primary);background:var(--primary-light, rgba(124,58,237,.06))}.ia-ref-upload.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ia-ref-icon{font-size:1.5rem;line-height:1}.ia-ref-text{display:flex;flex-direction:column;gap:2px;font-size:.82rem;color:var(--text)}.ia-ref-sub{font-size:.7rem;color:var(--muted);font-weight:400}.ia-ref-preview{display:flex;align-items:center;gap:10px;padding:8px;border:1.5px solid var(--primary);border-radius:10px;background:var(--primary-light, rgba(124,58,237,.06))}.ia-ref-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;flex-shrink:0;background:#000}.ia-ref-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ia-ref-name{font-size:.82rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ia-ref-meta{font-size:.7rem;color:var(--muted);line-height:1.35}.ia-ref-remove{flex-shrink:0;width:28px;height:28px;border:none;border-radius:50%;background:#ef444426;color:#ef4444;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s}.ia-ref-remove:hover:not(:disabled){background:#ef444447}.ia-ref-remove:disabled{opacity:.4;cursor:not-allowed}.ia-options-row{display:flex;flex-wrap:wrap;gap:10px}.ia-opt-group{display:flex;flex-direction:column;gap:5px;min-width:0}.ia-opt-label{font-size:.7rem;color:var(--muted);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.ia-opt-buttons{display:flex;gap:4px;flex-wrap:wrap}.ia-opt-btn{padding:5px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .15s}.ia-opt-btn:hover{border-color:var(--primary);color:var(--primary)}.ia-opt-btn.active{border-color:var(--primary);background:var(--primary);color:#fff}.ia-font-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px}.ia-font-btn{padding:9px 8px;border:1.5px solid var(--border);border-radius:9px;background:var(--input-bg);color:var(--text);font-size:.92rem;cursor:pointer;transition:all .15s;text-align:center}.ia-font-btn:hover{border-color:var(--primary);color:var(--primary)}.ia-font-btn.active{border-color:var(--primary);background:var(--primary-light, rgba(124,58,237,.1));color:var(--primary);font-weight:700}.ia-preview-photo{position:absolute;object-fit:cover;border:2.5px solid rgba(255,255,255,.95);box-shadow:0 6px 18px #00000073;background:#000;z-index:2}.ia-preview-photo-circle{border-radius:50%}.ia-preview-photo-rounded{border-radius:14px}.ia-preview-qr{position:absolute;background:#fff;padding:4px;border-radius:9px;box-shadow:0 6px 18px #0000008c;z-index:3}.ia-preview-qr-bl{bottom:14px;left:14px}.ia-preview-qr-bc{bottom:14px;left:50%;transform:translate(-50%)}.ia-preview-qr-br{bottom:14px;right:14px}.ia-preview-qr-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#666;font-weight:800;font-size:11px;letter-spacing:2px;background:repeating-linear-gradient(45deg,#f3f4f6 0,#f3f4f6 5px,#fff 5px,#fff 10px);border-radius:5px}.ia-input-textarea{font-family:inherit;resize:vertical;min-height:70px;line-height:1.45}.ia-skills-list{display:flex;flex-direction:column;gap:6px}.ia-skill-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;gap:6px;align-items:center}.ia-skill-add{padding:9px;border:1.5px dashed var(--border);border-radius:9px;background:transparent;color:var(--muted);font-weight:600;font-size:.84rem;cursor:pointer;transition:all .15s}.ia-skill-add:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light, rgba(124,58,237,.06))}.ia-preview-desc{margin-top:6px;font-size:11px;line-height:1.45;font-weight:400;opacity:.96;white-space:pre-line;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.95)}.ia-preview-skills{margin-top:11px;display:flex;flex-wrap:wrap;gap:5px}.ia-preview-skill{display:inline-block;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:600;border:1.5px solid;background:transparent;white-space:nowrap}@media(max-width:480px){.ia-skill-row{grid-template-columns:1fr}}.ia-slider-row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.ia-slider-label{font-size:.7rem;color:var(--muted);font-weight:600;letter-spacing:.3px;text-transform:uppercase}.ia-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--border);border-radius:99px;outline:none;cursor:pointer;padding:0}.ia-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}.ia-slider::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:2px solid #fff}.ia-slider:focus{outline:none}.ia-slider-value{font-size:.78rem;font-weight:700;color:var(--primary);font-family:ui-monospace,monospace;min-width:52px;text-align:right}.ia-subblock{margin-top:12px;padding:10px;border:1px solid var(--border);border-radius:9px;background:var(--input-bg);display:flex;flex-direction:column;gap:9px}.ia-subblock-title{font-size:.78rem;font-weight:700;color:var(--text);letter-spacing:.2px}.ia-preview-name{font-weight:800;line-height:1.05;letter-spacing:-.3px;text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 12px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.95)}.ia-preview-job{font-weight:600;line-height:1.1;text-shadow:0 1px 3px rgba(0,0,0,.85),0 0 8px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.95)}.ia-draggable{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none;position:relative}.ia-draggable:active{cursor:grabbing}.ia-draggable:before{content:"↕ Arrastra para mover";position:absolute;top:-26px;left:50%;transform:translate(-50%);background:#000000e0;color:#fff;padding:3px 8px;border-radius:6px;font-size:9.5px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;font-family:system-ui,sans-serif;letter-spacing:.2px;text-shadow:none;z-index:10}.ia-draggable:hover:before{opacity:1}.ia-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:99999;padding:20px;animation:ia-modal-fade .15s ease-out}@keyframes ia-modal-fade{0%{opacity:0}to{opacity:1}}.ia-modal-content{position:relative;width:100%;max-width:500px;height:100%;max-height:90vh;background:#0a0a0a;border-radius:18px;overflow:hidden;box-shadow:0 24px 64px #0009}.ia-modal-iframe{width:100%;height:100%;border:none;display:block;background:#0a0a0a}.ia-modal-close{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:none;background:#000000b3;color:#fff;font-size:18px;font-weight:700;cursor:pointer;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s,transform .12s}.ia-modal-close:hover{background:#ef4444d9}.ia-modal-close:active{transform:scale(.94)}.ia-subblock-accent{border-color:var(--primary);background:var(--primary-light, rgba(124,58,237,.07))}.ia-subblock-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ia-subblock-badge{display:inline-block;font-size:.62rem;font-weight:700;letter-spacing:.8px;text-transform:uppercase;padding:3px 8px;border-radius:99px;background:var(--primary);color:#fff;font-family:system-ui,sans-serif}.ia-subblock-badge-muted{background:var(--border);color:var(--muted)}.ia-bg-presets-wrap{display:flex;flex-direction:column;gap:6px;margin-top:4px}.ia-bg-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ia-bg-preset{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:5px 5px 7px;border:1.5px solid var(--border);border-radius:10px;background:var(--input-bg);cursor:pointer;transition:border-color .15s,transform .12s;text-align:center;min-width:0}.ia-bg-preset:hover:not(:disabled){border-color:var(--primary);transform:translateY(-1px)}.ia-bg-preset:active:not(:disabled){transform:translateY(0)}.ia-bg-preset:disabled{opacity:.45;cursor:not-allowed}.ia-bg-preset-swatch{display:block;width:100%;aspect-ratio:1 / 1;border-radius:7px;box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px 3px #0000002e}.ia-bg-preset-name{font-size:.66rem;font-weight:600;color:var(--text);line-height:1.2;word-break:break-word}@media(max-width:420px){.ia-bg-presets{grid-template-columns:repeat(2,1fr)}}.ia-marcos{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ia-marco{display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:5px 5px 7px;border:1.5px solid var(--border);border-radius:10px;background:var(--input-bg);cursor:pointer;transition:border-color .15s,transform .12s,background .15s;text-align:center;min-width:0}.ia-marco:hover{border-color:var(--primary);transform:translateY(-1px)}.ia-marco.active{border-color:var(--primary);background:var(--primary-light, rgba(124,58,237,.08));box-shadow:0 0 0 2px var(--primary-light, rgba(124,58,237,.18))}.ia-marco-thumb{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:3 / 4;background:repeating-conic-gradient(#e5e7eb,#e5e7eb 25%,#f9fafb 0%,#f9fafb 50%) 0 0 / 12px 12px;border-radius:7px;overflow:hidden}.ia-marco-thumb img{width:100%;height:100%;object-fit:contain;display:block}.ia-marco-none{font-size:24px;color:var(--muted);font-weight:200}.ia-marco-name{font-size:.62rem;font-weight:600;color:var(--text);line-height:1.2;word-break:break-word}.ia-preview-marco{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}@media(max-width:500px){.ia-marcos{grid-template-columns:repeat(3,1fr)}}@media(max-width:360px){.ia-marcos{grid-template-columns:repeat(2,1fr)}}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at top left,rgba(124,58,237,.18) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(79,70,229,.18) 0%,transparent 50%),#0a0a14;display:flex;align-items:center;justify-content:center;padding:24px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;z-index:9999}.login-card{width:100%;max-width:380px;padding:32px 28px 24px;background:#141420d9;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 24px 60px #00000080,0 0 0 1px #7c3aed26 inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;flex-direction:column;gap:22px;animation:login-in .28s ease-out}@keyframes login-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.login-logo{display:flex;flex-direction:column;align-items:center;gap:4px}.login-logo-icon{font-size:38px;filter:drop-shadow(0 4px 14px rgba(124,58,237,.55));margin-bottom:4px}.login-title{font-size:26px;font-weight:800;letter-spacing:-.3px;color:#fff;margin:0;background:linear-gradient(135deg,#fff,#c4b5fd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{font-size:12px;color:#ffffff8c;letter-spacing:.8px;text-transform:uppercase;font-weight:600;margin:0}.login-form{display:flex;flex-direction:column;gap:10px}.login-label{font-size:12px;font-weight:600;color:#ffffffb3;letter-spacing:.2px}.login-input{padding:11px 14px;border:1.5px solid rgba(255,255,255,.12);border-radius:10px;background:#ffffff0a;color:#fff;font-size:15px;font-family:inherit;transition:border-color .15s,background .15s;outline:none}.login-input::placeholder{color:#ffffff59}.login-input:focus{border-color:#7c3aed;background:#7c3aed14}.login-input:disabled{opacity:.5}.login-error{padding:8px 12px;border-radius:8px;background:#ef44441f;border-left:3px solid #ef4444;color:#fca5a5;font-size:13px}.login-button{margin-top:4px;padding:12px;border:none;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;font-size:15px;font-weight:700;cursor:pointer;transition:filter .15s,transform .1s,opacity .15s;box-shadow:0 8px 22px #7c3aed66}.login-button:hover:not(:disabled){filter:brightness(1.08)}.login-button:active:not(:disabled){transform:translateY(1px)}.login-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.login-footer{text-align:center;font-size:11px;color:#ffffff4d;letter-spacing:1.5px;text-transform:uppercase;font-weight:600;margin:0}.fondos-section{display:flex;flex-direction:column;gap:18px;margin-top:4px}.fondo-card{display:flex;flex-direction:column;gap:6px;padding:6px 6px 8px;border:1.5px solid var(--border);border-radius:10px;background:var(--card-bg, var(--input-bg));transition:border-color .15s,box-shadow .15s,transform .12s;min-width:0}.fondo-card.is-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light, rgba(124,58,237,.18))}.fondo-card-preview{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:7px;overflow:hidden;background:repeating-conic-gradient(#e5e7eb,#e5e7eb 25%,#f9fafb 0%,#f9fafb 50%) 0 0 / 10px 10px}.fondo-card-preview img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.fondo-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:8px}.fondo-card-placeholder-tag{font-size:9px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;background:#0000008c;color:#fff;padding:3px 7px;border-radius:99px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.fondo-card-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0006}.fondo-card-info{display:flex;flex-direction:column;gap:1px;padding:0 2px}.fondo-card-name{font-size:.78rem;font-weight:700;color:var(--text);line-height:1.2}.fondo-card-cat{font-size:.66rem;color:var(--muted);font-weight:500}.fondo-card-btn{width:100%;padding:6px 8px;border:1.5px solid var(--border);border-radius:7px;background:transparent;color:var(--text);font-size:.74rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.fondo-card-btn:hover{border-color:var(--primary);color:var(--primary)}.fondo-card-btn.is-selected{border-color:var(--primary);background:var(--primary);color:#fff}.fondos-grid-compact{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:900px){.fondos-grid-compact{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.fondos-grid-compact{grid-template-columns:1fr}}.fondos-cat-card{display:flex;flex-direction:column;gap:6px;padding:6px 6px 9px;border:1.5px solid var(--border);border-radius:12px;background:var(--card-bg, var(--input-bg));cursor:pointer;transition:border-color .15s,transform .12s,box-shadow .15s;text-align:left;min-width:0;font-family:inherit}.fondos-cat-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.fondos-cat-card.has-selected{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light, rgba(124,58,237,.18))}.fondos-cat-thumb{position:relative;width:100%;aspect-ratio:3 / 4;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#e5e7eb,#e5e7eb 25%,#f9fafb 0%,#f9fafb 50%) 0 0 / 10px 10px;display:block}.fondos-cat-thumb img,.fondos-cat-thumb-grad{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.fondos-cat-active-pill{position:absolute;top:6px;right:6px;background:var(--primary);color:#fff;font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:99px;box-shadow:0 2px 8px #00000059}.fondos-cat-info{display:flex;flex-direction:column;gap:1px;padding:0 4px;min-width:0}.fondos-cat-name{font-size:.84rem;font-weight:700;color:var(--text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fondos-cat-count{font-size:.68rem;color:var(--muted);font-weight:500}to{opacity:1}} to{transform:translateY(0);opacity:1}} .fondos-detail-header{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.fondos-detail-back{padding:6px 10px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.fondos-detail-title-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.fondos-detail-title{font-size:1.02rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fondos-detail-desc{font-size:.74rem;color:var(--muted);margin:0;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fondos-detail-close:hover{background:#ef444426;color:#ef4444}.fondos-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fondos-section-detail{display:flex;flex-direction:column;gap:0;padding:0}.fondos-detail-header{position:sticky;top:0;z-index:5;display:flex;flex-direction:column;gap:8px;padding:10px 12px 12px;margin:0 -2px;background:var(--card-bg, var(--input-bg));border-bottom:1px solid var(--border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fondos-detail-back{align-self:flex-start;padding:6px 12px;border:1.5px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.fondos-detail-back:hover{border-color:var(--primary);color:var(--primary)}.fondos-detail-title-wrap{display:flex;flex-direction:column;gap:1px}.fondos-detail-title{font-size:1.05rem;font-weight:700;color:var(--text);margin:0;letter-spacing:-.2px}.fondos-detail-desc{font-size:.78rem;color:var(--muted);margin:0;line-height:1.4}.fondos-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:14px 4px}@media(min-width:720px){.fondos-detail-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:380px){.fondos-detail-grid{grid-template-columns:1fr}}