@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary: #ffd400;--primary-light: #ffed4e;--primary-dark: #e6bf00;--primary-glow: rgba(255, 212, 0, .4);--primary-soft: rgba(255, 212, 0, .1);--accent: #00d4ff;--accent-light: #4de8ff;--accent-dark: #00a8cc;--accent-glow: rgba(0, 212, 255, .3);--accent-soft: rgba(0, 212, 255, .1);--secondary: #a855f7;--secondary-light: #c084fc;--secondary-dark: #9333ea;--secondary-glow: rgba(168, 85, 247, .3);--success: #22c55e;--success-glow: rgba(34, 197, 94, .3);--error: #ef4444;--error-glow: rgba(239, 68, 68, .3);--warning: #f59e0b;--bg-primary: #030303;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-card: rgba(20, 20, 25, .8);--bg-elevated: rgba(30, 30, 40, .7);--glass-bg: rgba(255, 255, 255, .03);--glass-bg-hover: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .08);--glass-border-hover: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-muted: rgba(255, 255, 255, .45);--text-disabled: rgba(255, 255, 255, .25);--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 48px;--text-5xl: 64px;--text-6xl: 80px;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 500;--z-modal: 1000;--z-toast: 2000;--z-tooltip: 3000}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);min-height:100dvh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 20%,var(--primary-soft) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 80% 80%,var(--accent-soft) 0%,transparent 50%),radial-gradient(ellipse 50% 30% at 50% 100%,var(--secondary-glow) 0%,transparent 50%);opacity:.4;pointer-events:none;z-index:-1;animation:backgroundPulse 20s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.4}50%{opacity:.6}}::selection{background:var(--primary);color:var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.header{position:sticky;top:0;z-index:var(--z-fixed);background:#050508bf;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border-bottom:1px solid var(--glass-border);transition:var(--transition-base)}.header:before{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary-glow) 20%,var(--accent-glow) 50%,var(--primary-glow) 80%,transparent 100%);opacity:.5}.header .in{max-width:1600px;margin:0 auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:42px;height:42px;border-radius:var(--radius-md);display:grid;place-items:center;color:var(--bg-primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);box-shadow:0 0 20px var(--primary-glow),0 0 40px #ffd40026,inset 0 1px #ffffff4d;transition:var(--transition-base);position:relative;overflow:hidden;font-size:18px}.logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.logo:hover{transform:scale(1.08) rotate(-5deg);box-shadow:0 0 30px var(--primary-glow),0 0 60px #ffd40040}.logo:hover:before{transform:translate(100%)}.title{font-weight:800;font-size:22px;letter-spacing:-.02em;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,var(--accent) 100%);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:titleGradient 5s ease infinite}@keyframes titleGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.badge{padding:6px 14px;font-size:var(--text-xs);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);border:1px solid var(--primary);background:var(--primary-soft);color:var(--primary);transition:var(--transition-fast);cursor:pointer}.badge:hover{background:var(--primary);color:var(--bg-primary);box-shadow:0 0 20px var(--primary-glow)}.nav-tabs-inline{display:flex;align-items:center;gap:4px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:4px}.nav-tab-inline{position:relative;display:flex;align-items:center;gap:8px;padding:10px 18px;text-decoration:none;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap;overflow:hidden}.nav-tab-inline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--glass-bg-hover) 0%,transparent 100%);opacity:0;transition:var(--transition-fast);border-radius:inherit}.nav-tab-inline:hover{color:var(--text-primary)}.nav-tab-inline:hover:before{opacity:1}.nav-tab-inline.active{color:var(--bg-primary);background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);box-shadow:0 4px 15px var(--primary-glow)}.nav-tab-inline.active:before{display:none}.nav-tab-inline i{font-size:14px;display:none}.nav-tab-inline.nav-tab-pro{background:linear-gradient(135deg,var(--primary-soft) 0%,rgba(168,85,247,.1) 100%);border:1px solid var(--primary);color:var(--primary);margin-left:8px;animation:proPulse 3s ease-in-out infinite}.nav-tab-inline.nav-tab-pro:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(135deg,var(--primary),var(--secondary),var(--primary));background-size:200% 200%;border-radius:inherit;opacity:0;z-index:-1;animation:proGlow 3s linear infinite;transition:var(--transition-fast)}.nav-tab-inline.nav-tab-pro:hover:after{opacity:.5}@keyframes proPulse{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 30px var(--primary-glow),0 0 50px var(--secondary-glow)}}@keyframes proGlow{0%{background-position:0% 50%}to{background-position:200% 50%}}.nav-tab-inline.nav-tab-restaurar{background:linear-gradient(135deg,var(--accent-soft) 0%,var(--secondary-glow) 100%);border:1px solid var(--accent);color:var(--accent)}.nav-badge{position:absolute;top:-2px;right:-2px;padding:2px 6px;font-size:9px;font-weight:700;background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 10px var(--accent-glow)}.pill{display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-fast)}.pill:hover{border-color:var(--primary);background:var(--primary-soft)}.pill .small{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-muted)}.pill b{font-size:var(--text-base);font-weight:700;color:var(--primary);font-family:var(--font-mono)}.nav-hamburger{display:none;align-items:center;gap:8px;padding:10px 16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.nav-hamburger:hover{background:var(--glass-bg-hover);border-color:var(--primary)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:18px}.hamburger-icon span{display:block;width:100%;height:2px;background:var(--primary);border-radius:var(--radius-full);transition:var(--transition-fast)}.nav-hamburger.active .hamburger-icon span:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.nav-hamburger.active .hamburger-icon span:nth-child(2){opacity:0}.nav-hamburger.active .hamburger-icon span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.nav-tabs{display:none;position:fixed;top:70px;left:16px;right:16px;background:#0a0a0ff2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:16px;z-index:var(--z-fixed);box-shadow:0 20px 60px #0009;transform:translateY(-20px);opacity:0;transition:var(--transition-base)}.nav-tabs.active{display:block;transform:translateY(0);opacity:1}.nav-tab{display:flex;align-items:center;gap:12px;padding:14px 18px;margin-bottom:6px;text-decoration:none;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.nav-tab:last-child{margin-bottom:0}.nav-tab:hover{background:var(--glass-bg-hover);border-color:var(--glass-border);color:var(--text-primary)}.nav-tab.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bg-primary);font-weight:700}.nav-tab i{font-size:18px;width:24px;text-align:center}.btn-ultra-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:var(--bg-primary);border:none;border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-base);font-weight:700;letter-spacing:-.01em;cursor:pointer;overflow:hidden;transition:var(--transition-base);box-shadow:0 4px 20px var(--primary-glow),inset 0 1px #ffffff4d}.btn-ultra-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn-ultra-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 30px var(--primary-glow),0 0 50px var(--primary-glow)}.btn-ultra-primary:hover:before{left:100%}.btn-ultra-primary:active{transform:translateY(-1px) scale(.98)}.btn-ultra-secondary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;background:var(--glass-bg);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;cursor:pointer;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-base)}.btn-ultra-secondary:hover{background:var(--glass-bg-hover);border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.btn-ultra-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.btn-ultra-ghost:hover{color:var(--text-primary);border-color:var(--border-default);background:var(--glass-bg)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:18px;cursor:pointer;transition:var(--transition-fast)}.btn-icon:hover{background:var(--glass-bg-hover);border-color:var(--primary);color:var(--primary)}.card-ultra{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:var(--transition-base);overflow:hidden}.card-ultra:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}.card-ultra:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #0006,0 0 0 1px var(--glass-border-hover)}.card-glow{position:relative}.card-glow:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,var(--primary-glow),var(--accent-glow),var(--secondary-glow));background-size:300% 300%;border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:var(--transition-base);animation:cardGlow 6s ease infinite}.card-glow:hover:after{opacity:.6}@keyframes cardGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:none;place-items:center;z-index:var(--z-modal);padding:var(--space-md)}.modal.active{display:grid}.modal-content{position:relative;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;background:linear-gradient(180deg,#191923fa,#0f0f14fa);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-2xl);box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.input-ultra{width:100%;padding:14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);transition:var(--transition-fast);outline:none}.input-ultra::placeholder{color:var(--text-muted)}.input-ultra:hover{border-color:var(--border-default)}.input-ultra:focus{border-color:var(--primary);background:#ffd40008;box-shadow:0 0 0 3px var(--primary-soft)}.textarea-ultra{width:100%;min-height:120px;padding:16px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-relaxed);resize:vertical;transition:var(--transition-fast);outline:none}.textarea-ultra:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.select-ultra{width:100%;padding:14px 40px 14px 18px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23a0a5ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;transition:var(--transition-fast)}.select-ultra:hover{border-color:var(--border-default)}.select-ultra:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.toast-container-ultra{position:fixed;top:90px;right:20px;display:flex;flex-direction:column;gap:12px;z-index:var(--z-toast);pointer-events:none}.toast-ultra{display:flex;align-items:flex-start;gap:14px;min-width:320px;max-width:420px;padding:16px 20px;background:#14141ef2;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 20px 50px #00000080,inset 0 1px #ffffff0d;pointer-events:auto;animation:toastSlideIn .4s cubic-bezier(.16,1,.3,1)}.toast-ultra.toast-exit{animation:toastSlideOut .3s ease forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toastSlideOut{to{opacity:0;transform:translate(100%)}}.toast-icon{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:var(--radius-sm);font-size:14px}.toast-ultra.success .toast-icon{background:var(--success-glow);color:var(--success)}.toast-ultra.error .toast-icon{background:var(--error-glow);color:var(--error)}.toast-ultra.info .toast-icon{background:var(--accent-soft);color:var(--accent)}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:2px}.toast-message{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-snug)}.spinner-ultra{width:48px;height:48px;border:3px solid var(--glass-border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--glass-bg) 0%,var(--glass-bg-hover) 50%,var(--glass-bg) 100%);background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.text-gradient-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-accent{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-light) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.text-gradient-rainbow{background:linear-gradient(135deg,var(--primary),var(--accent),var(--secondary));background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbowGradient 5s ease infinite}@keyframes rainbowGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.glow-primary{box-shadow:0 0 30px var(--primary-glow)}.glow-accent{box-shadow:0 0 30px var(--accent-glow)}@media (max-width: 1024px){:root{--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px}}@media (max-width: 768px){.header .in{padding:8px 16px}.nav-hamburger{display:flex}.nav-tabs-inline{display:none}.header-right{display:flex;flex-wrap:wrap;gap:6px}.pill{padding:6px 12px}.pill .small{display:none}.badge{padding:5px 10px;font-size:10px}.title{font-size:18px}.logo{width:36px;height:36px;font-size:16px}.modal-content{padding:var(--space-xl);margin:var(--space-md);border-radius:var(--radius-xl)}.toast-container-ultra{left:16px;right:16px;top:auto;bottom:80px}.toast-ultra{min-width:auto;width:100%}}@media (max-width: 480px){:root{--text-base: 14px;--space-lg: 16px;--space-xl: 20px}.btn-ultra-primary,.btn-ultra-secondary{padding:14px 24px;font-size:var(--text-sm)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hover-lift{transition:var(--transition-base)}.hover-lift:hover{transform:translateY(-4px)}.hover-scale{transition:var(--transition-base)}.hover-glow{transition:var(--transition-base)}.hover-glow:hover{box-shadow:0 0 30px var(--primary-glow)}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#030303;display:flex;align-items:center;justify-content:center;z-index:100000;overflow:hidden;animation:splashFadeOut .8s ease-in-out 2.8s forwards}.splash-background{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 100% 100% at 50% 50%,rgba(255,212,0,.08) 0%,transparent 50%),radial-gradient(ellipse 80% 60% at 20% 30%,rgba(0,212,255,.05) 0%,transparent 40%),radial-gradient(ellipse 70% 50% at 80% 70%,rgba(168,85,247,.05) 0%,transparent 40%);animation:cosmicPulse 8s ease-in-out infinite}.splash-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0%,#030303 70%);animation:darkPulse 4s ease-in-out infinite}.splash-background:after{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,212,0,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(0,212,255,.3),transparent),radial-gradient(2px 2px at 60% 20%,rgba(168,85,247,.3),transparent),radial-gradient(2px 2px at 80% 60%,rgba(255,212,0,.3),transparent),radial-gradient(1px 1px at 10% 80%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90% 40%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 30% 50%,rgba(255,212,0,.2),transparent),radial-gradient(1px 1px at 70% 90%,rgba(0,212,255,.2),transparent);background-size:400px 400px;animation:particlesFloat 20s linear infinite}.splash-content{position:relative;z-index:2;text-align:center;animation:contentReveal 1.2s cubic-bezier(.16,1,.3,1) .3s both}.splash-logo{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:32px}.logo-icon{position:relative;width:100px;height:100px;background:linear-gradient(135deg,#ffd40026,#ffd4000d);border-radius:28px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:2px solid rgba(255,212,0,.3);box-shadow:0 0 60px #ffd4004d,0 0 120px #ffd40026,inset 0 0 60px #ffd4001a;animation:iconFloat 3s ease-in-out infinite,iconGlow 2s ease-in-out infinite alternate;overflow:hidden}.logo-icon:before{content:"";position:absolute;top:-50%;right:-50%;bottom:-50%;left:-50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(255,212,0,.4) 60deg,transparent 120deg,transparent 240deg,rgba(0,212,255,.3) 300deg,transparent 360deg);animation:rotateGlow 4s linear infinite}.logo-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,rgba(255,212,0,.6) 0%,transparent 50%,rgba(0,212,255,.4) 100%);border-radius:inherit;opacity:.5;filter:blur(20px);z-index:-1}.logo-icon i{position:relative;z-index:2;font-size:44px;background:linear-gradient(135deg,#ffd400,#ffed4e,#ffd400);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,212,0,.5));animation:boltPulse 2s ease-in-out infinite}.logo-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.logo-main{font-family:Outfit,sans-serif;font-size:56px;font-weight:900;letter-spacing:-3px;background:linear-gradient(135deg,#fff,#ffffffe6 40%,#ffd400);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:textReveal 1s ease-out .5s both,textGradient 4s ease infinite;text-shadow:0 0 60px rgba(255,212,0,.3)}.logo-ai{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;letter-spacing:8px;text-transform:uppercase;background:linear-gradient(90deg,#ffd400cc,#00d4ffcc,#a855f7cc);-webkit-background-clip:text;background-clip:text;color:transparent;animation:textReveal 1s ease-out .7s both}.splash-subtitle{font-family:Outfit,sans-serif;font-size:16px;font-weight:500;color:#ffffff80;letter-spacing:.5px;margin-bottom:48px;animation:textReveal 1s ease-out .9s both}.loading-dots{display:flex;justify-content:center;gap:12px;animation:textReveal 1s ease-out 1.1s both}.dot{width:10px;height:10px;background:linear-gradient(135deg,#ffd400,#ffed4e);border-radius:50%;box-shadow:0 0 20px #ffd40080;animation:dotPulse 1.4s ease-in-out infinite}.dot:nth-child(1){animation-delay:0s}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes splashFadeOut{0%{opacity:1;transform:scale(1);filter:blur(0)}to{opacity:0;transform:scale(1.05);filter:blur(10px);visibility:hidden;pointer-events:none}}@keyframes cosmicPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes darkPulse{0%,to{opacity:.9}50%{opacity:1}}@keyframes particlesFloat{0%{transform:translate(0) rotate(0)}to{transform:translate(-100px,-100px) rotate(360deg)}}@keyframes contentReveal{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes iconGlow{0%{box-shadow:0 0 40px #ffd40033,0 0 80px #ffd4001a}to{box-shadow:0 0 60px #ffd40066,0 0 120px #ffd40033}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes boltPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(255,212,0,.5))}50%{transform:scale(1.1);filter:drop-shadow(0 0 30px rgba(255,212,0,.8))}}@keyframes textReveal{0%{opacity:0;transform:translateY(20px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes textGradient{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes dotPulse{0%,to{transform:scale(.8);opacity:.5;box-shadow:0 0 10px #ffd4004d}50%{transform:scale(1.2);opacity:1;box-shadow:0 0 25px #ffd40099}}@media (max-width: 768px){.splash-logo{flex-direction:column;gap:20px}.logo-icon{width:80px;height:80px;border-radius:22px}.logo-icon i{font-size:36px}.logo-main{font-size:42px;letter-spacing:-2px}.logo-ai{font-size:18px;letter-spacing:6px}.logo-text{align-items:center}.splash-subtitle{font-size:14px;padding:0 20px}}@media (max-width: 480px){.logo-icon{width:64px;height:64px;border-radius:18px}.logo-icon i{font-size:28px}.logo-main{font-size:32px}.logo-ai{font-size:14px;letter-spacing:4px}.splash-subtitle{font-size:12px}.dot{width:8px;height:8px}}@media (prefers-reduced-motion: reduce){.splash-screen,.splash-background,.splash-background:before,.splash-background:after,.splash-content,.logo-icon,.logo-icon:before,.logo-icon i,.logo-main,.logo-ai,.splash-subtitle,.loading-dots,.dot{animation:none!important}.splash-screen{animation:splashFadeOut .5s ease-in-out 2s forwards!important}}:root{--bg: #0a0b0d;--ink: #f6f7f8;--muted: #a0a5ad;--line: #2a2e34;--amber: #ffd400;--amber-2: #ffe884;--amber-glow: rgba(255, 212, 0, .3);--radius: 12px;--radius-lg: 16px;--shadow: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 12px 40px rgba(255, 212, 0, .2);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}*{box-sizing:border-box}body{margin:0;font:15px/1.6 Inter,system-ui,Segoe UI,Roboto,Arial;color:var(--ink);background:#0a0b0d;min-height:100dvh;overflow-x:hidden}.header{position:sticky;top:0;z-index:1000;background:#0c0d10d9;-webkit-backdrop-filter:saturate(180%) blur(24px);backdrop-filter:saturate(180%) blur(24px);border-bottom:1px solid var(--glass-border);box-shadow:0 8px 32px #0006,inset 0 1px 0 var(--glass-border);transition:var(--transition)}.header .in{max-width:1400px;margin:0 auto;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}@media (min-width: 1400px){.header .in{max-width:1600px;padding:12px 24px;gap:20px}}@media (min-width: 1800px){.header .in{max-width:1800px;padding:16px 32px;gap:24px}}.header-left{display:flex;align-items:center;flex-shrink:0}.header-nav{display:flex;align-items:center;flex:1;justify-content:center}.header-right{display:flex;align-items:center;flex-shrink:0}.nav-tabs-inline{display:flex;align-items:center;gap:0}.nav-tab-inline{position:relative;display:flex;align-items:center;gap:6px;padding:12px 16px;text-decoration:none;background:transparent;border:none;border-bottom:2px solid transparent;color:#f5f5f7;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap;border-radius:6px;margin:0 2px}.nav-tab-inline:hover{color:#fff;background:#ffffff14}.nav-tab-inline.active{color:#fff;border-bottom-color:var(--amber);background:#ffffff1a;font-weight:700}.nav-tab-inline.active:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60%;height:2px;background:var(--amber);box-shadow:0 0 8px #ffd40099}.nav-tab-inline i{display:none}.nav-tab-inline.nav-tab-pro{margin-left:8px;padding:12px 20px;background:#ffd4001f;border:1.5px solid rgba(255,212,0,.5);border-radius:8px;color:#ffd400!important;font-weight:700;font-size:13px;text-shadow:0 0 15px rgba(255,212,0,.8);box-shadow:0 0 25px #ffd40066,inset 0 0 25px #ffd40026;animation:neonPulse 2s ease-in-out infinite;position:relative;overflow:hidden}.nav-tab-inline.nav-tab-pro:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,212,0,.3),transparent);transform:translate(-100%);animation:neonShine 3s ease-in-out infinite}.nav-tab-inline.nav-tab-pro:hover{background:#ffd4002e;border-color:#ffd400b3;box-shadow:0 0 50px #ffd400cc,inset 0 0 40px #ffd4004d;transform:translateY(-2px)}.nav-tab-inline.nav-tab-pro.active{background:#ffd40038;border-color:#ffd400;box-shadow:0 0 60px #ffd400,inset 0 0 50px #ffd40066}.nav-tab-inline.nav-tab-pro.active:after{display:none}@media (max-width: 768px){.header-nav{display:flex!important;align-items:center;justify-content:flex-end}.nav-tabs-inline{display:none!important}.header .in{display:flex;align-items:center;justify-content:space-between;gap:8px}.header-left{flex:1;min-width:0;overflow:hidden}.header-right{flex-shrink:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}}@keyframes neonPulse{0%,to{box-shadow:0 0 25px #ffd40066,inset 0 0 25px #ffd40026;border-color:#ffd40080}50%{box-shadow:0 0 40px #ffd400b3,inset 0 0 35px #ffd40040;border-color:#ffd400cc}}@keyframes neonShine{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.logo{width:36px;height:36px;border-radius:var(--radius);display:grid;place-items:center;color:#111;background:radial-gradient(120% 120% at 35% 20%,var(--amber),transparent 70%);box-shadow:0 0 20px var(--amber-glow),0 0 40px #ffd40033;transition:var(--transition);position:relative;overflow:hidden}.logo:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,var(--amber-2),transparent);opacity:0;transition:var(--transition)}.logo:hover{transform:scale(1.05) rotate(5deg);box-shadow:0 0 30px var(--amber-glow),0 0 60px #ffd4004d}.logo:hover:before{opacity:.3;animation:shimmer 1.5s ease-in-out}.title{font-weight:900;background:linear-gradient(to right,var(--amber),var(--amber-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px}.badge{padding:6px 12px;font-size:12px;border-radius:999px;border:1px solid rgba(255,212,0,.25);background:#181a1eb3}.pill{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#181a1e99;display:flex;gap:8px;align-items:center}.main{max-width:1400px;margin:0 auto;padding:0 16px 8px}@media (max-width: 768px){.main{padding:60px 8px 4px}}@media (min-width: 1400px){.main{max-width:1600px;padding:0 24px 12px}}@media (min-width: 1800px){.main{max-width:1800px;padding:0 32px 16px}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:grid;place-items:center;z-index:10000;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.modal-content{background:linear-gradient(135deg,#1a1b1f,#2a2b2f);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #00000080;animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal .input{width:100%;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f6f7f8;font-size:15px;transition:all .2s}.modal .input:focus{outline:none;border-color:var(--amber);background:#ffffff14}.modal .btn{width:100%;padding:12px 20px;background:#ffd4001a;border:1px solid var(--amber);border-radius:8px;color:var(--amber);font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.modal .btn:hover{background:#ffd40033;transform:translateY(-2px)}.modal .btn-cta{background:linear-gradient(135deg,var(--amber) 0%,#ffed4e 100%);color:#0a0b0d;border:none}.modal .btn-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd40066}@media (max-width: 768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-size-adjust:100%}*{max-width:100%}.main{padding:4px 8px!important;overflow-x:hidden}#inicioPanel,#plantillasPanel,#asistentePanel,#galeriaPanel,#proPanel,#templateGeneratorPanel{overflow-x:hidden}button,.btn,.nav-tab,.category-btn,.plantilla-btn{min-height:44px;touch-action:manipulation}img{max-width:100%;height:auto}body.menu-open{overflow:hidden;height:100vh;position:fixed;width:100%}}#creditsModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:none;place-items:center;z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#creditsModal .modal-content{background:linear-gradient(135deg,#1a1b1f,#2a2b2f);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000080}.credit-packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}.credit-package{background:#ffffff0d;border:1px solid var(--line);border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.credit-package:hover{transform:translateY(-4px);border-color:var(--amber);box-shadow:0 8px 24px #ffd40033;background:#ffd4000d}.credit-package.popular{border-color:var(--amber);background:linear-gradient(135deg,#ffd4001a,#ffed4e0d);transform:scale(1.05)}.credit-package.popular:hover{transform:scale(1.05) translateY(-4px)}.popular-badge{position:absolute;top:-1px;right:16px;background:linear-gradient(135deg,var(--amber),#ffed4e);color:#111;font-size:10px;font-weight:700;padding:4px 12px;border-radius:0 0 8px 8px;text-transform:uppercase;letter-spacing:.5px}.package-name{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px}.package-credits{font-size:24px;font-weight:700;color:var(--amber);margin-bottom:4px}.package-price{font-size:20px;font-weight:600;color:var(--ink);margin-bottom:8px}.package-description{font-size:14px;color:var(--muted);margin-bottom:16px;line-height:1.4}.package-cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--amber);color:#111;border-radius:8px;font-weight:600;font-size:14px;transition:all .3s ease}.credit-package:hover .package-cta{background:var(--amber-2);transform:scale(1.02)}@media (max-width: 768px){.credit-packages{grid-template-columns:1fr;gap:12px}.credit-package{padding:16px}.package-name{font-size:16px}.package-credits{font-size:20px}.package-price{font-size:18px}.package-description{font-size:12px}.package-cta{padding:10px 14px;font-size:13px}}:root{--header-height: 70px;--nav-height: 50px;--total-offset: 130px}body{touch-action:manipulation}@media (min-width: 769px){.main-navigation{position:sticky;top:70px}#inicioPanel,#plantillasPanel,#asistentePanel,#galeriaPanel,#proPanel,#templateGeneratorPanel{padding-top:0}}@media (max-width: 768px){#inicioPanel,#plantillasPanel,#asistentePanel,#galeriaPanel,#proPanel,#templateGeneratorPanel{padding-bottom:env(safe-area-inset-bottom,80px);padding-bottom:80px}.pro-panel{padding-bottom:env(safe-area-inset-bottom,100px)!important;padding-bottom:100px!important}.asistente-container,.templates-grid{padding-bottom:env(safe-area-inset-bottom,80px);padding-bottom:80px}.header .in,.main-navigation{overflow-x:auto;-webkit-overflow-scrolling:touch}.header .in::-webkit-scrollbar,.main-navigation::-webkit-scrollbar{display:none}}@media (max-width: 768px) and (min-width: 481px){.header{position:fixed!important;top:0;left:0;right:0;z-index:100;height:auto;min-height:var(--header-height)}.main-navigation{position:fixed!important;top:var(--header-height);left:0;right:0;z-index:90;min-height:var(--nav-height)}#inicioPanel,#plantillasPanel,#asistentePanel,#galeriaPanel,#proPanel,#templateGeneratorPanel{padding-top:calc(var(--total-offset) + env(safe-area-inset-top,0px))!important;min-height:calc(100vh - var(--total-offset))}.toast-container{top:calc(var(--total-offset) + env(safe-area-inset-top,0px))!important;z-index:95}.nav-hamburger{min-height:48px;padding:12px 20px;touch-action:manipulation}}@media (max-width: 480px){:root{--header-height: 60px;--nav-height: 50px;--total-offset: 120px}.header{position:fixed!important;top:env(safe-area-inset-top,0px);left:0;right:0;z-index:100;height:auto;min-height:var(--header-height);max-height:60px}.header .in{padding:6px 8px!important;gap:4px!important;min-height:48px!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.header .in::-webkit-scrollbar{display:none}.header .logo{width:28px!important;height:28px!important;flex-shrink:0}.header .title{font-size:14px!important;flex-shrink:0}.header .badge{padding:3px 6px!important;font-size:9px!important;flex-shrink:0}.header .pill{padding:4px 8px!important;font-size:10px!important;gap:4px!important;flex-shrink:0}.header .pill .small{display:none}#userMail{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.main-navigation{position:fixed!important;top:calc(var(--header-height) + env(safe-area-inset-top,0px));left:0;right:0;z-index:90;min-height:var(--nav-height)}#inicioPanel,#plantillasPanel,#asistentePanel,#galeriaPanel,#proPanel,#templateGeneratorPanel{padding-top:calc(var(--total-offset) + env(safe-area-inset-top,0px))!important;min-height:calc(100vh - var(--total-offset))}.toast-container{top:calc(var(--total-offset) + env(safe-area-inset-top,0px))!important;z-index:95}.hamburger-icon{gap:3px}.hamburger-icon span{width:18px;height:2px}.hamburger-text{font-size:11px}}@media (max-width: 768px) and (orientation: landscape){:root{--header-height: 60px;--nav-height: 45px;--total-offset: 110px}.header .in{min-height:auto;padding:4px 8px}.main-navigation{top:calc(var(--header-height) + env(safe-area-inset-top,0px))}}.modal,#authModal,#creditsModal{z-index:10000!important;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.whatsapp-float{z-index:998!important;bottom:env(safe-area-inset-bottom,20px)}@media (max-width: 768px){body{font-size:14px}.main{padding:4px 8px!important}input,button,select,textarea{font-size:16px}.nav-hamburger{display:flex!important;z-index:100;position:relative}}#asistentePanel:not([style*="display: none"])~.whatsapp-float,body:has(#asistentePanel:not([style*="display: none"])) .whatsapp-float{display:none!important}.whatsapp-float{position:fixed;bottom:30px;right:30px;z-index:999;display:flex;flex-direction:column;align-items:flex-end;gap:12px}.whatsapp-button{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#25d366,#128c7e);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #25d36666,0 0 #25d366b3;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;animation:whatsappPulse 2s ease-in-out infinite}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 30px #25d36699,0 0 0 8px #25d3661a}.whatsapp-button i{font-size:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes whatsappPulse{0%,to{box-shadow:0 4px 20px #25d36666,0 0 #25d366b3}50%{box-shadow:0 4px 20px #25d36666,0 0 0 12px #25d36600}}.whatsapp-popup{position:absolute;bottom:75px;right:0;width:280px;background:linear-gradient(135deg,#1a1b1f,#2a2b2f);border:2px solid #25D366;border-radius:16px;padding:20px;box-shadow:0 8px 32px #00000080,0 0 0 1px #25d36633,inset 0 1px #ffffff1a;opacity:0;transform:translateY(10px) scale(.95);pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.whatsapp-popup.active{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.whatsapp-popup:after{content:"";position:absolute;bottom:-10px;right:20px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #25D366}.whatsapp-popup-close{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff9;font-size:12px}.whatsapp-popup-close:hover{background:#f003;color:#f44;transform:rotate(90deg)}.whatsapp-popup-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.whatsapp-popup-icon{width:40px;height:40px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;flex-shrink:0}.whatsapp-popup-icon i{font-size:20px;color:#fff}.whatsapp-popup-title{font-size:16px;font-weight:700;color:#fff;margin:0;line-height:1.2}.whatsapp-popup-subtitle{font-size:12px;color:#fff9;margin:0}.whatsapp-popup-content{margin:12px 0}.whatsapp-popup-text{font-size:13px;color:#fffc;line-height:1.5;margin:0 0 12px}.whatsapp-popup-bonus{background:#25d3661a;border:1px solid rgba(37,211,102,.3);border-radius:8px;padding:10px;text-align:center;margin:12px 0}.whatsapp-popup-bonus-title{font-size:11px;color:#fff9;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.whatsapp-popup-bonus-amount{font-size:24px;font-weight:900;color:#25d366;margin:0;display:flex;align-items:center;justify-content:center;gap:6px}.whatsapp-popup-bonus-amount i{font-size:20px}.whatsapp-popup-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#25d366,#128c7e);border:none;border-radius:8px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 16px #25d3664d}.whatsapp-popup-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #25d36680;background:linear-gradient(135deg,#2be173,#15a892)}.whatsapp-popup-button i{font-size:18px}.whatsapp-popup-footer{margin-top:12px;text-align:center;font-size:11px;color:#ffffff80}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.whatsapp-float{animation:slideInUp .5s ease-out 1s backwards}.whatsapp-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#f44,#ff6b6b);color:#fff;font-size:9px;font-weight:800;padding:4px 8px;border-radius:12px;box-shadow:0 2px 8px #ff444480,0 0 20px #ff44444d;animation:badgePulse 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:1px solid rgba(255,255,255,.3)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.whatsapp-float{bottom:20px;right:20px}.whatsapp-button{width:56px;height:56px}.whatsapp-button i{font-size:28px}.whatsapp-popup{width:calc(100vw - 40px);max-width:280px;bottom:70px}}@keyframes creditSuccess{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.whatsapp-popup-bonus.success{animation:creditSuccess .6s ease-out;background:#25d36633;border-color:#25d366}.panel-apple{background:#000;color:#f5f5f7;width:100%;max-width:100%;margin:0;padding:0}.hero-premium{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0b0d;width:100%;margin:0;padding:0}.hero-bg-video{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:linear-gradient(135deg,#1a1b1f,#0a0b0d,#151619)}.hero-bg-collage{position:absolute;top:-5%;right:-5%;bottom:-5%;left:-5%;width:110%;height:110%;background-color:#0a0b0d;background-image:url(https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=800&h=1200&fit=crop&q=85&auto=format),url(https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?w=800&h=1200&fit=crop&q=85&auto=format),url(https://images.unsplash.com/photo-1600585154340-be6161a56a0c?w=800&h=1200&fit=crop&q=85&auto=format),url(https://images.unsplash.com/photo-1600573472550-8090b5e0745e?w=800&h=1200&fit=crop&q=85&auto=format),url(https://images.unsplash.com/photo-1600210492493-0946911123ea?w=800&h=1200&fit=crop&q=85&auto=format),url(https://images.unsplash.com/photo-1600047509807-ba8f99d2cdde?w=800&h=1200&fit=crop&q=85&auto=format);background-size:17% 100%,17% 100%,17% 100%,17% 100%,17% 100%,17% 100%;background-position:0% center,17% center,34% center,51% center,68% center,85% center;background-repeat:no-repeat;filter:blur(5px) brightness(.65) saturate(1.3);opacity:1;transform:scale(1.05);animation:collageFloat 20s ease-in-out infinite}@keyframes collageFloat{0%,to{transform:scale(1.05) translate(0)}50%{transform:scale(1.08) translate(-10px)}}.hero-gradient-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#0000001a,#00000080 70%),linear-gradient(180deg,#0003,#0009);z-index:1}.animated-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,212,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,212,0,.03) 1px,transparent 1px);background-size:100px 100px;animation:gridMove 20s linear infinite;opacity:.3}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(100px)}}.hero-content-premium{position:relative;z-index:10;max-width:1400px;width:100%;margin:0 auto;padding:50px 60px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:0}.ai-badge-title{display:inline-block;font-size:clamp(11px,1.5vw,14px);font-weight:800;letter-spacing:.15em;color:#fffffffa;text-shadow:0 2px 8px rgba(0,0,0,.8);background:linear-gradient(90deg,#6cace44d,#6cace44d,#6cace44d);padding:6px 18px;border-radius:50px;border:1px solid rgba(108,172,228,.3);-webkit-backdrop-filter:blur(20px) saturate(200%);backdrop-filter:blur(20px) saturate(200%);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff4d,inset 0 -1px #0003,0 0 50px #6cace466;position:relative;overflow:hidden;margin-bottom:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.ai-badge-title:hover{background:linear-gradient(90deg,#6cace466,#6cace466,#6cace466);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff4d,inset 0 -1px #0003,0 0 20px #6cace466;text-shadow:0 2px 8px rgba(0,0,0,.8),0 0 15px rgba(108,172,228,.4)}.ai-badge-title:before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:radial-gradient(ellipse 100px 40px at 50% 50%,rgba(255,255,255,.3),rgba(255,255,255,.2),rgba(255,255,255,.1),transparent);filter:blur(3px);animation:shimmer-elegant 4s infinite}.ai-badge-title:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:12px;background:radial-gradient(circle,rgba(255,215,0,.6) 0%,rgba(255,215,0,.4) 30%,rgba(255,215,0,.2) 60%,transparent 80%);border-radius:50%;transform:translate(-50%,-50%);filter:blur(2px);opacity:.9;box-shadow:0 0 8px #ffd7004d}@keyframes shimmer{0%{left:-100%}50%,to{left:100%}}@keyframes shimmer-elegant{0%{left:-100%;opacity:0}20%{opacity:1}50%{left:50%}80%{opacity:1}to{left:100%;opacity:0}}.hero-badge-premium{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:13px;font-weight:500;color:#fffc;margin-bottom:32px;letter-spacing:-.01em}.hero-badge-below{margin-bottom:20px;margin-top:24px;background:linear-gradient(135deg,#ffd4001f,#ffed4e14,#ffd4001a);border:1px solid rgba(255,212,0,.35);color:#fffffff2;box-shadow:0 4px 20px #ffd40033,inset 0 1px #ffffff26,inset 0 -1px #00000026;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%)}.pulse-dot{width:6px;height:6px;background:#0f0;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.hero-title-premium{font-size:clamp(36px,5.2vw,58px);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 18px;color:#fff;text-shadow:0 4px 40px rgba(0,0,0,.8);max-width:1200px}.gradient-premium{background:linear-gradient(135deg,#ffd400,#ffed4e,#ffd400);background-size:200% 200%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradientFlow 3s ease infinite}.time-premium{color:#ffffff80;font-weight:400}.pro-highlight{color:#ffd400;font-weight:700;text-shadow:0 0 40px rgba(255,212,0,.6);animation:proGlow 2s ease-in-out infinite}@keyframes proGlow{0%,to{text-shadow:0 0 40px rgba(255,212,0,.6)}50%{text-shadow:0 0 60px rgba(255,212,0,.9)}}.hero-description-premium{font-size:clamp(17px,2.3vw,22px);line-height:1.35;color:#ffffffa6;margin:0;font-weight:400;letter-spacing:-.01em}.hero-actions-premium{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:32px;margin-bottom:40px}.btn-premium-primary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:linear-gradient(135deg,#ffd400fa,#ffed4efa,#ffd400fa);color:#000000f2;border:1px solid rgba(255,255,255,.3);border-radius:100px;font-size:17px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;box-shadow:0 8px 32px #ffd40066,0 2px 8px #0000004d,inset 0 1px #ffffff80,0 0 #ffd400b3;position:relative;overflow:hidden;z-index:1;animation:pulseGlow 3s infinite}@keyframes pulseGlow{0%{box-shadow:0 8px 32px #ffd40066,0 0 #ffd40066}70%{box-shadow:0 8px 32px #ffd40066,0 0 0 15px #ffd40000}to{box-shadow:0 8px 32px #ffd40066,0 0 #ffd40000}}.btn-premium-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffed4e,#ffd400);opacity:0;transition:opacity .4s ease}.btn-premium-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmerBtn 3s infinite}@keyframes shimmerBtn{0%{left:-100%}50%,to{left:100%}}.btn-premium-primary:hover:before{opacity:1}.btn-premium-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 16px 48px #ffd40099,0 4px 16px #0006,inset 0 2px #fff9,inset 0 -2px #0003;border-color:#ffffff80}.ai-tips-section{padding:60px 40px;background:#0a0b0d;border-bottom:1px solid rgba(255,255,255,.05)}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:32px}.tip-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease}.tip-card:hover{background:#ffffff0d;border-color:#ffd4004d;transform:translateY(-4px)}.tip-icon{width:40px;height:40px;background:#ffd4001a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#ffd400;font-size:18px;flex-shrink:0}.tip-content h4{margin:0 0 8px;color:#fff;font-size:16px;font-weight:600}.tip-content p{margin:0;color:#fff9;font-size:14px;line-height:1.5}.btn-premium-primary span,.btn-premium-primary svg{position:relative;z-index:1}.btn-premium-secondary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;background:linear-gradient(135deg,#ffffff14,#ffffff0a,#ffffff0f);color:#fffffff2;border:1px solid rgba(255,255,255,.2);border-radius:100px;font-size:17px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);letter-spacing:-.01em;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff26,inset 0 -1px #0003;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.btn-premium-secondary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1f,#ffffff14);opacity:0;transition:opacity .4s ease}.btn-premium-secondary:hover:before{opacity:1}.btn-premium-secondary:hover{border-color:#fff6;color:#fff;transform:translateY(-3px) scale(1.02);box-shadow:0 8px 40px #0000004d,inset 0 2px #fff3,inset 0 -2px #0000004d}.trust-indicators{display:flex;gap:40px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:8px}.trust-item{text-align:center}.trust-number{font-size:36px;font-weight:700;color:#fff;line-height:1;margin-bottom:8px;letter-spacing:-.02em}.trust-label{font-size:13px;color:#ffffff80;font-weight:500}.trust-divider{width:1px;height:32px;background:#ffffff1a}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff6;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,transparent,rgba(255,212,0,.5));animation:scrollAnim 2s ease-in-out infinite}@keyframes scrollAnim{0%,to{opacity:0;transform:translateY(-10px)}50%{opacity:1;transform:translateY(10px)}}.before-after-hero{padding:80px 40px;background:linear-gradient(180deg,#000,#0a0b0d,#000);width:100%}.section-container{max-width:1800px;width:100%;margin:0 auto}.section-badge-premium{display:inline-block;padding:6px 16px;background:#ffd4001a;border:1px solid rgba(255,212,0,.2);border-radius:100px;font-size:12px;font-weight:600;color:#ffd400;text-transform:uppercase;letter-spacing:.08em;margin-bottom:24px}.section-title-premium{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:#fff;margin:0 0 40px}.comparison-massive{margin-top:40px}.comparison-container{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;max-width:1800px;margin:0 auto}.comparison-image{position:relative;border-radius:20px;overflow:hidden;border:2px solid rgba(255,212,0,.15);background:#0a0b0d;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 40px #0009}.comparison-image:hover{transform:translateY(-12px);border-color:#ffd40080;box-shadow:0 16px 60px #ffd40033}.comparison-image img{width:100%;height:auto;display:block;object-fit:cover}.comparison-badge{position:absolute;top:20px;left:20px;padding:8px 16px;background:#000c;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:8px;font-size:11px;font-weight:700;color:#ffffffb3;letter-spacing:.1em;text-transform:uppercase}.comparison-badge-after{background:#ffd400e6;color:#000}.comparison-quality{position:absolute;bottom:20px;left:20px;right:20px;font-size:14px;color:#fff9;font-weight:500}.comparison-arrow{display:flex;flex-direction:column;align-items:center;gap:12px}.arrow-circle{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffd400;border-radius:50%;color:#000;animation:arrowPulse 2s ease-in-out infinite}@keyframes arrowPulse{0%,to{transform:scale(1);box-shadow:0 0 #ffd400b3}50%{transform:scale(1.05);box-shadow:0 0 0 20px #ffd40000}}.arrow-time{font-size:13px;font-weight:600;color:#ffd400}.stats-massive{padding:60px 40px;background:#000;width:100%}.stats-grid-premium{max-width:1600px;width:100%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.stat-card-premium{padding:48px 32px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:24px;text-align:center;transition:all .3s ease}.stat-card-premium:hover{background:#ffffff0a;border-color:#ffd40033;transform:translateY(-4px)}.stat-icon-premium{width:72px;height:72px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;color:#ffd400}.stat-number-premium{font-size:56px;font-weight:700;color:#fff;line-height:1;margin-bottom:12px;letter-spacing:-.03em}.stat-label-premium{font-size:16px;color:#fff9;font-weight:500;margin-bottom:8px}.stat-trend{font-size:13px;color:#0f0;font-weight:600}.features-premium{padding:80px 40px;background:linear-gradient(180deg,#000,#0a0b0d);width:100%}.features-grid-premium{display:grid;gap:60px;margin-top:40px}.feature-premium{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.feature-reverse{direction:rtl}.feature-reverse>*{direction:ltr}.feature-visual{border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.feature-visual img{width:100%;height:auto;display:block}.feature-title-premium{font-size:36px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-.02em}.feature-desc-premium{font-size:18px;line-height:1.6;color:#fff9;margin:0 0 32px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:16px;color:#ffffffb3;border-bottom:1px solid rgba(255,255,255,.05)}.feature-list li:last-child{border-bottom:none}.feature-list li:before{content:"✓";display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#ffd4001a;color:#ffd400;border-radius:50%;font-weight:700;font-size:12px;flex-shrink:0}.style-spotlight-section{padding:80px 40px;background:#0a0b0d;border-top:1px solid rgba(255,255,255,.05)}.spotlight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.spotlight-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:20px;overflow:hidden;transition:all .3s ease;cursor:pointer}.spotlight-card:hover{transform:translateY(-5px);border-color:#ffd4004d;box-shadow:0 10px 30px #0000004d}.spotlight-image{position:relative;height:220px;overflow:hidden}.spotlight-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.spotlight-card:hover .spotlight-image img{transform:scale(1.05)}.spotlight-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.spotlight-card:hover .spotlight-overlay{opacity:1}.btn-spotlight-action{background:#ffd400;color:#000;border:none;padding:10px 20px;border-radius:30px;font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transform:translateY(10px);transition:transform .3s ease}.spotlight-card:hover .btn-spotlight-action{transform:translateY(0)}.spotlight-info{padding:20px}.spotlight-info h3{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.spotlight-info p{font-size:14px;color:#fff9;line-height:1.5;margin-bottom:16px}.spotlight-tags{display:flex;gap:8px;flex-wrap:wrap}.spotlight-tags span{font-size:11px;color:#fffc;background:#ffffff1a;padding:4px 10px;border-radius:10px}@media (max-width: 768px){.style-spotlight-section{padding:60px 20px}.spotlight-grid{grid-template-columns:1fr}}.community-gallery-section{padding:80px 40px;background:#0a0b0d;width:100%}.gallery-grid-premium{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:20px;margin-top:40px}.gallery-item{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.gallery-item:hover{transform:scale(1.02);border-color:#ffd4004d}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.8) 100%);display:flex;align-items:flex-end;padding:24px;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-tag{padding:8px 16px;background:#ffd400;color:#000;border-radius:8px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cta-premium{padding:80px 40px;background:radial-gradient(circle at 50% 50%,rgba(255,212,0,.08) 0%,transparent 70%),#000;width:100%}.cta-content-premium{max-width:800px;margin:0 auto;text-align:center}.cta-title-premium{font-size:clamp(40px,6vw,64px);font-weight:700;color:#fff;margin:0 0 24px;letter-spacing:-.03em}.cta-description-premium{font-size:20px;line-height:1.5;color:#fff9;margin:0 0 48px}.btn-cta-premium{display:inline-flex;align-items:center;gap:12px;padding:22px 48px;background:#ffd400;color:#000;border:none;border-radius:980px;font-size:20px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:32px;letter-spacing:-.01em}.btn-cta-premium:hover{background:#ffed4e;transform:scale(1.05);box-shadow:0 20px 60px #ffd40066}.cta-trust{display:inline-flex;align-items:center;gap:8px;color:#ffffff80;font-size:14px}.cta-trust svg{color:#0f0}@media (max-width: 1024px){.comparison-container{grid-template-columns:1fr;gap:24px}.comparison-arrow{transform:rotate(90deg)}.feature-premium{grid-template-columns:1fr;gap:40px}.feature-reverse{direction:ltr}}@media (max-width: 768px){.hero-content-premium{padding:100px 24px 60px}.hero-title-premium{font-size:48px}.trust-indicators{gap:24px}.before-after-hero,.features-premium,.gallery-showcase,.cta-premium,.stats-massive{padding:80px 24px}.stats-grid-premium{grid-template-columns:1fr}.features-grid-premium{gap:80px}.gallery-grid-premium{grid-template-columns:1fr}.hide-mobile{display:none}}.community-gallery-section{padding:120px 40px;background:linear-gradient(180deg,#050505,#0f1014);width:100%;margin-top:60px;border-top:1px solid rgba(255,255,255,.05);position:relative}.community-gallery-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60%;height:1px;background:radial-gradient(circle,rgba(255,212,0,.3) 0%,transparent 100%)}.section-subtitle-premium{font-size:18px;color:#fff9;margin-bottom:40px;max-width:600px;line-height:1.6}.community-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:32px;margin-bottom:60px;margin-top:40px}.community-item{position:relative;aspect-ratio:3/4;border-radius:24px;overflow:hidden;background:#1a1b1f;border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 10px 30px #0000004d}.community-item:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 50px #00000080;border-color:#ffd40066;z-index:10}.community-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.community-item:hover img{transform:scale(1.05)}.community-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000e6,#0000 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:20px;opacity:0;transition:opacity .3s ease}.community-item:hover .community-overlay{opacity:1}.community-user{display:flex;align-items:center;gap:10px}.community-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffd400,#ffed4e);display:flex;align-items:center;justify-content:center;font-weight:700;color:#000;font-size:12px}.community-info{display:flex;flex-direction:column}.community-name{font-size:14px;font-weight:600;color:#fff}.community-time{font-size:12px;color:#fff9}.community-actions{display:flex;justify-content:center;margin-top:40px}.btn-secondary-premium{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);border-radius:100px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary-premium:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.skeleton-loading{background:linear-gradient(90deg,#1a1b1f 25%,#2a2b2f,#1a1b1f 75%);background-size:200% 100%;animation:skeletonLoading 1.5s infinite}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.community-gallery-section{padding:60px 20px}.community-grid{grid-template-columns:repeat(2,1fr);gap:12px}.community-overlay{opacity:1;padding:12px;background:linear-gradient(to top,#000c,#0000 60%)}.community-avatar{width:24px;height:24px;font-size:10px}.community-name{font-size:12px}.community-time{font-size:10px}}.template-work-area{width:100%;min-height:calc(100vh - 140px);padding:20px}.template-work-header-compact{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding:15px 20px;background:#ffffff08;border-radius:12px;border:1px solid var(--line)}.template-work-header-compact h3{font-size:20px;font-weight:700;color:var(--ink);margin:0;flex:1}.template-back-btn-compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:#ffffff0d;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;min-height:40px;touch-action:manipulation}.template-back-btn-compact i,.template-back-btn-compact span{font-size:14px}.template-back-btn-compact:hover{background:#ffd4001a;border-color:var(--amber);color:var(--amber);transform:translateY(-1px)}.template-work-content{max-width:800px;margin:0 auto}@media (max-width: 768px){.template-work-area{padding:10px;min-height:calc(100vh - 100px)}.template-work-header-compact{margin-bottom:15px;padding:10px 15px}.template-work-header-compact h3{font-size:18px}.template-back-btn-compact{padding:6px 12px;font-size:13px;min-height:44px}.template-back-btn-compact i,.template-back-btn-compact span{font-size:13px}.template-unified-panel{min-height:400px;border-radius:12px}.template-drop-area{padding:40px 20px}.drop-icon{font-size:36px;margin-bottom:15px}.drop-title{font-size:20px;margin-bottom:8px}.drop-hint{font-size:14px;margin-bottom:4px}.drop-limit{font-size:12px}.processing-content{padding:30px 20px}.processing-spinner{width:60px;height:60px;margin-bottom:20px}.processing-content h3{font-size:20px;margin-bottom:8px}.processing-content p{font-size:14px}.template-result-overlay{padding:20px}.template-result-actions{gap:8px}.template-action-btn{padding:10px 16px;font-size:13px;min-height:44px;touch-action:manipulation}}.template-unified-panel{background:linear-gradient(135deg,#ffffff08,#ffffff03);border:2px solid var(--line);border-radius:16px;overflow:hidden;min-height:500px;display:flex;align-items:center;justify-content:center;position:relative}.template-drop-area{width:100%;height:100%;padding:60px 40px;text-align:center;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0}.template-drop-area:hover,.template-drop-area.dragover{background:#ffd4000d}.drop-content{max-width:400px;margin:0 auto}.drop-icon{font-size:48px;color:var(--amber);margin-bottom:20px}.drop-title{font-size:24px;font-weight:700;color:var(--ink);margin:0 0 10px}.drop-hint{font-size:16px;color:var(--muted);margin:0 0 5px}.drop-limit{font-size:14px;color:var(--muted);margin:0}.template-processing{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:#00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.processing-content{text-align:center;padding:40px}.processing-spinner{width:80px;height:80px;margin:0 auto 30px;position:relative}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:var(--amber);border-radius:50%;animation:spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.spinner-ring:nth-child(2){border-top-color:#ffd40099;animation-delay:.3s}.spinner-ring:nth-child(3){border-top-color:#ffd4004d;animation-delay:.6s}.processing-content h3{font-size:24px;font-weight:700;color:var(--ink);margin:0 0 10px}.processing-content p{font-size:16px;color:var(--muted);margin:0}.template-result{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0}.template-result-image-container{width:100%;height:100%;position:relative}.template-result-image-container img{width:100%;height:100%;object-fit:contain}.template-result-overlay{position:absolute;bottom:0;left:0;right:0;padding:30px;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.template-result:hover .template-result-overlay{opacity:1}.template-result-actions{display:flex;gap:10px;justify-content:center}.template-action-btn{display:flex;align-items:center;gap:6px;padding:12px 20px;background:var(--amber);border:none;border-radius:8px;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;touch-action:manipulation;min-height:44px}.template-action-btn:hover{background:#ffed4e;transform:translateY(-2px)}.plantillas-panel{width:100%;min-height:calc(100vh - 140px);padding:80px 20px 40px}.plantillas-container{max-width:1600px;margin:0 auto}.plantillas-header{margin-bottom:40px}.header-content{margin-bottom:32px}.header-title{display:flex;align-items:center;gap:16px;margin-bottom:12px}.header-title i{font-size:36px;color:var(--amber)}.header-title h2{font-size:42px;font-weight:800;color:var(--ink);margin:0}.header-subtitle{font-size:18px;color:var(--muted);margin:0;padding-left:52px}.category-hint{display:flex;align-items:center;gap:12px;padding:16px 24px;background:linear-gradient(135deg,#ffd40026,#ffed4e1a);border:1px solid rgba(255,212,0,.3);border-radius:12px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.category-hint i{font-size:20px;color:var(--amber)}.category-hint span{font-size:15px;font-weight:600;color:#ffffffe6}.plantillas-categories{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px;justify-content:flex-start;align-items:center;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:10px}.plantillas-categories::-webkit-scrollbar{height:4px}.plantillas-categories::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.plantillas-categories::-webkit-scrollbar-thumb{background:var(--amber);border-radius:2px}.category-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:linear-gradient(135deg,#ffffff0f,#ffffff08,#ffffff0a);border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#ffffffe6;font-size:13px;white-space:nowrap;min-width:fit-content;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff14,inset 0 -1px #00000026;-webkit-backdrop-filter:blur(15px) saturate(140%);backdrop-filter:blur(15px) saturate(140%);min-height:40px;touch-action:manipulation}.category-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);opacity:0;transition:opacity .4s ease}.category-btn:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0f,#ffffff14);border-color:#ffd40066;color:#fffffff2;transform:translateY(-2px);box-shadow:0 4px 16px #ffd40026,inset 0 1px #ffffff1f,inset 0 -1px #0003}.category-btn:hover:before{opacity:1}.category-btn.active{background:linear-gradient(135deg,#ffd40033,#ffed4e26,#ffd4002e);border-color:#ffd40099;color:#ffd400fa;box-shadow:0 4px 20px #ffd4004d,inset 0 1px #ffffff4d,inset 0 -1px #0003}.plantillas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:32px}.plantilla-card{background:linear-gradient(135deg,#ffffff0f,#ffffff08,#ffffff0a);border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff14,inset 0 -1px #00000026;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);display:grid;grid-template-rows:auto auto 1fr}.plantilla-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd40014,#ffed4e0a);opacity:0;transition:opacity .4s ease;z-index:0;pointer-events:none}.plantilla-card:hover{transform:translateY(-8px) scale(1.01);border-color:#ffd40080;box-shadow:0 24px 48px #ffd40040,0 8px 16px #0000004d,inset 0 2px #ffffff26,inset 0 -2px #0003}.plantilla-card:hover:before{opacity:1}.plantilla-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);aspect-ratio:2 / 1;overflow:hidden;grid-row:2}.visual-before,.visual-after{position:relative;overflow:hidden}.visual-before img,.visual-after img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.plantilla-card:hover .visual-before img{transform:scale(1.1) translate(-5px)}.plantilla-card:hover .visual-after img{transform:scale(1.1) translate(5px)}.visual-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:4px 12px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.plantilla-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid var(--amber);border-radius:50%;font-size:24px;color:var(--amber);opacity:0;transition:all .3s ease;z-index:1}.plantilla-card:hover .plantilla-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.plantilla-content{padding:24px;display:flex;flex-direction:column;grid-row:3}.plantilla-title{font-size:26px;font-weight:900;color:#fff;margin:0;padding:24px 0;line-height:1.2;letter-spacing:-.01em;background:linear-gradient(135deg,#ffd70059,#ffdf4d73 30%,#ffd70066 70%,#ffd7004d);box-shadow:0 4px 30px #ffd70066,0 2px 10px #0000004d,inset 0 2px #ffffff4d,inset 0 -2px #ffd70080;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;text-shadow:0 3px 15px rgba(0,0,0,.9),0 2px 6px rgba(0,0,0,1),0 0 20px rgba(255,215,0,.3);grid-row:1;-webkit-backdrop-filter:blur(20px) saturate(250%);backdrop-filter:blur(20px) saturate(250%);border-bottom:2px solid rgba(255,215,0,.6);text-align:center;width:100%}.plantilla-title:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.plantilla-card:hover .plantilla-title{background:linear-gradient(135deg,#ffd70080,#ffdf4da6 30%,#ffd7008c 70%,#ffd70073);box-shadow:0 6px 40px #ffd70099,0 4px 15px #0006,inset 0 2px #fff6,inset 0 -2px #ffd700b3;border-bottom-color:#ffd700cc;transform:translateY(-2px)}.plantilla-card:hover .plantilla-title:before{left:100%}.plantilla-desc{font-size:13px;color:#ffffff73;line-height:1.5;margin:0 0 16px;font-weight:400}.plantilla-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;opacity:.6}.tag{padding:4px 10px;background:#ffd40014;border:1px solid rgba(255,212,0,.15);border-radius:6px;font-size:11px;font-weight:500;color:#ffd400b3;text-transform:uppercase;letter-spacing:.5px}.plantilla-btn{width:100%;margin:0;padding:12px 20px;background:linear-gradient(135deg,#ffffff14,#ffffff0d);border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#fffc;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:44px;touch-action:manipulation}.plantilla-btn i{font-size:12px;opacity:.7}.plantilla-btn:hover{background:linear-gradient(135deg,#ffd40026,#ffed4e1f);border-color:#ffd40066;color:#ffd400f2;transform:translateY(-2px);box-shadow:0 8px 16px #ffd40033}.plantilla-btn:hover i{opacity:1}.plantilla-btn:active{transform:translateY(0)}.plantilla-card[data-category]:not([data-category*=all]){animation:fadeIn .4s ease}.plantilla-card.hidden{display:none}@media (max-width: 1024px){.plantillas-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.plantilla-card{border-radius:16px}.plantilla-title{font-size:22px;padding:20px 0}.plantilla-visual{aspect-ratio:16 / 9}}@media (max-width: 768px){.header-title h2{font-size:28px}.header-subtitle{font-size:14px;padding-left:0}.plantillas-categories{overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin;padding-bottom:10px;gap:8px}.plantillas-categories::-webkit-scrollbar{height:4px}.plantillas-categories::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.plantillas-categories::-webkit-scrollbar-thumb{background:var(--amber);border-radius:2px}.category-btn{padding:8px 14px;font-size:12px;min-height:40px;white-space:nowrap;flex-shrink:0}.plantillas-grid{grid-template-columns:1fr;gap:20px}.plantilla-visual{aspect-ratio:16 / 9;grid-template-columns:1fr;gap:0}.visual-before,.visual-after{aspect-ratio:16 / 9}.plantilla-title{font-size:20px;padding:16px 0}.plantilla-content{padding:16px}.plantilla-desc{font-size:14px}.plantilla-btn{padding:12px 16px;font-size:14px;min-height:48px}.plantillas-panel{padding:60px 12px 40px}.header-title{flex-direction:column;align-items:flex-start;gap:8px}.header-title i{font-size:28px}.header-subtitle{padding-left:0;text-align:left}}.template-wizard-panel{min-height:calc(100vh - 70px);background:linear-gradient(180deg,#030303,#0a0a0a);padding:0}.wizard-container{max-width:1200px;margin:0 auto;padding:32px 24px}.wizard-header{display:flex;align-items:center;gap:24px;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.06)}.wizard-back-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#ffffffb3;font-size:18px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.wizard-back-btn:hover{background:#ffd4001a;border-color:#ffd4004d;color:#ffd400;transform:translate(-3px)}.wizard-progress-bar{display:flex;align-items:center;justify-content:center;flex:1;gap:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.step-number{width:40px;height:40px;border-radius:50%;background:#ffffff0d;border:2px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;color:#fff6;transition:all .4s ease}.step-text{font-size:12px;font-weight:500;color:#fff6;transition:all .3s ease;white-space:nowrap}.progress-connector{width:60px;height:2px;background:#ffffff1a;margin:0 8px 20px;transition:all .4s ease}.progress-step.active .step-number{background:linear-gradient(135deg,#ffd400,#ffed4e);border-color:transparent;color:#0a0a0a;box-shadow:0 0 20px #ffd40066}.progress-step.active .step-text{color:#ffd400;font-weight:600}.progress-step.completed .step-number{background:#22c55e33;border-color:#22c55e;color:#22c55e}.progress-step.completed .step-text{color:#22c55e}.progress-connector.active{background:linear-gradient(90deg,#22c55e,#ffd400)}.wizard-step{animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-content{max-width:1000px;margin:0 auto}.step-intro{text-align:center;margin-bottom:48px}.step-title{font-family:Outfit,sans-serif;font-size:36px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.step-subtitle{font-size:16px;color:#ffffff80;margin:0}.type-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.type-card{position:relative;border-radius:20px;overflow:hidden;cursor:pointer;background:#111;border:2px solid rgba(255,255,255,.06);transition:all .4s cubic-bezier(.4,0,.2,1)}.type-card:hover{border-color:#ffd40066;transform:translateY(-8px);box-shadow:0 20px 50px #00000080,0 0 0 1px #ffd40033}.type-card-visual{position:relative;height:200px;overflow:hidden}.type-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.type-card:hover .type-card-visual img{transform:scale(1.1)}.type-card-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 60%)}.type-card-content{padding:24px;position:relative}.type-icon{width:48px;height:48px;border-radius:14px;background:#ffd40026;border:1px solid rgba(255,212,0,.3);display:flex;align-items:center;justify-content:center;font-size:20px;color:#ffd400;margin-bottom:16px;transition:all .3s ease}.type-card:hover .type-icon{background:#ffd400;color:#0a0a0a;transform:scale(1.1)}.type-card-content h3{font-family:Outfit,sans-serif;font-size:22px;font-weight:700;color:#fff;margin:0 0 8px}.type-card-content p{font-size:14px;color:#ffffff80;margin:0 0 20px}.type-card-action{display:flex;align-items:center;gap:8px;color:#ffd400;font-size:14px;font-weight:600;opacity:0;transform:translate(-10px);transition:all .3s ease}.type-card:hover .type-card-action{opacity:1;transform:translate(0)}.zone-options,.style-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.option-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:#111;border:2px solid rgba(255,255,255,.06);transition:all .3s ease}.option-card:hover{border-color:#ffd4004d;transform:translateY(-4px)}.option-card.selected{border-color:#ffd400;box-shadow:0 0 30px #ffd40033}.option-card img{width:100%;height:160px;object-fit:cover;transition:transform .4s ease}.option-card:hover img{transform:scale(1.05)}.option-label{padding:16px;font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#fff;text-align:center;background:#00000080}.option-check{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#ffd400;display:flex;align-items:center;justify-content:center;color:#0a0a0a;font-size:14px;opacity:0;transform:scale(.5);transition:all .3s ease}.option-card.selected .option-check{opacity:1;transform:scale(1)}.color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.color-card{position:relative;padding:20px;border-radius:16px;background:#ffffff08;border:2px solid rgba(255,255,255,.08);cursor:pointer;transition:all .3s ease}.color-card:hover{border-color:#ffd4004d;transform:translateY(-4px)}.color-card.selected{border-color:#ffd400;background:#ffd4000d}.color-palette-preview{display:flex;gap:8px;margin-bottom:16px}.color-swatch{flex:1;height:48px;border-radius:8px;transition:transform .3s ease}.color-card:hover .color-swatch{transform:scaleY(1.1)}.color-card-label span{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#fff;display:block;margin-bottom:4px}.color-card-label p{font-size:13px;color:#ffffff80;margin:0}.color-card .option-check{top:16px;right:16px}.selection-summary{display:flex;justify-content:center;gap:32px;padding:20px 32px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;margin-bottom:32px;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:8px}.summary-label{font-size:13px;color:#ffffff80}.summary-value{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;color:#ffd400;text-transform:capitalize}.wizard-upload-area{margin-bottom:24px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;background:#ffffff05;border:2px dashed rgba(255,255,255,.15);border-radius:20px;cursor:pointer;transition:all .4s ease;padding:40px}.upload-dropzone:hover,.upload-dropzone.dragover{border-color:#ffd40080;background:#ffd40008}.upload-icon{width:80px;height:80px;border-radius:20px;background:#ffd4001a;border:2px solid rgba(255,212,0,.3);display:flex;align-items:center;justify-content:center;font-size:32px;color:#ffd400;margin-bottom:24px;transition:all .3s ease}.upload-dropzone:hover .upload-icon{transform:scale(1.1);box-shadow:0 0 40px #ffd40033}.upload-dropzone h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.upload-dropzone p{font-size:14px;color:#ffffff80;margin:0 0 12px}.upload-hint{font-size:12px;color:#ffffff59}.wizard-preview-area{margin-bottom:24px}.preview-image-container{position:relative;border-radius:16px;overflow:hidden;background:#0a0a0a}.preview-image-container img{width:100%;max-height:400px;object-fit:contain;display:block}.change-image-btn{position:absolute;top:12px;right:12px;display:flex;align-items:center;gap:8px;padding:10px 18px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.change-image-btn:hover{background:#ffd40033;border-color:#ffd40080}.wizard-generate-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 32px;background:linear-gradient(135deg,#ffd400,#ffed4e);border:none;border-radius:16px;color:#0a0a0a;font-family:Outfit,sans-serif;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 25px #ffd4004d;position:relative;overflow:hidden}.wizard-generate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.wizard-generate-btn:hover:not(:disabled):before{left:100%}.wizard-generate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 35px #ffd40080}.wizard-generate-btn:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.btn-credit{padding:5px 12px;background:#0003;border-radius:100px;font-size:13px;font-weight:600}.wizard-generate-btn:disabled .btn-credit{background:#ffffff0d}.wizard-loading{text-align:center;padding:60px 40px}.loading-spinner{position:relative;width:80px;height:80px;margin:0 auto 24px}.spinner-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-top-color:#ffd400;border-radius:50%;animation:spin 1s linear infinite}.spinner-ring:nth-child(2){top:10px;right:10px;bottom:10px;left:10px;border-top-color:#ffd40099;animation-duration:1.3s;animation-direction:reverse}.spinner-ring:nth-child(3){top:20px;right:20px;bottom:20px;left:20px;border-top-color:#ffd4004d;animation-duration:.9s}.wizard-loading h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:600;color:#fff;margin:0 0 8px}.wizard-loading p{font-size:14px;color:#ffffff80;margin:0}.wizard-result{animation:fadeIn .5s ease}.result-comparison{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.result-image{position:relative;border-radius:16px;overflow:hidden;background:#0a0a0a}.result-image img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.result-badge{position:absolute;top:12px;left:12px;padding:6px 14px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:11px;font-weight:700;color:#fffc;letter-spacing:.05em}.result-image.after .result-badge{background:linear-gradient(135deg,#ffd400,#ffed4e);color:#0a0a0a}.result-actions{display:flex;gap:16px}.result-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 24px;border-radius:14px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.result-btn.primary{background:linear-gradient(135deg,#ffd400,#ffed4e);border:none;color:#0a0a0a}.result-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffd40066}.result-btn.secondary{background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#fff}.result-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}@media (max-width: 900px){.type-cards-grid{grid-template-columns:1fr;gap:16px}.type-card{display:flex;flex-direction:row}.type-card-visual{width:140px;height:auto;flex-shrink:0}.type-card-content{flex:1;display:flex;flex-direction:column;justify-content:center}.zone-options,.style-options,.color-options{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width: 768px){.wizard-container{padding:20px 16px}.wizard-header{flex-direction:column;gap:20px;margin-bottom:32px}.wizard-back-btn{position:absolute;top:20px;left:16px;width:40px;height:40px}.wizard-progress-bar{width:100%;overflow-x:auto;padding:0 10px}.progress-connector{width:30px;margin:0 4px}.step-number{width:32px;height:32px;font-size:12px}.step-text{font-size:10px}.step-title{font-size:26px}.step-intro{margin-bottom:32px}.option-card img{height:120px}.option-label{padding:12px;font-size:14px}.color-options{grid-template-columns:1fr}.selection-summary{flex-direction:column;gap:12px;padding:16px}.result-comparison{grid-template-columns:1fr}.result-actions{flex-direction:column}}@media (max-width: 480px){.zone-options,.style-options{grid-template-columns:1fr}.option-card{display:flex;flex-direction:row;align-items:center}.option-card img{width:100px;height:80px}.option-label{flex:1;text-align:left}.option-check{position:static;margin-right:12px}}:root{--gallery-gap: 20px;--card-radius: 20px;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--glass-hover: rgba(255, 255, 255, .06);--amber-glow: rgba(255, 212, 0, .15)}.galeria-panel{width:100%;min-height:calc(100vh - 80px);padding:60px 40px;background:linear-gradient(135deg,#141419f2,#0f0f14fa);position:relative;overflow-x:hidden}.galeria-container{max-width:1800px;margin:0 auto;position:relative;z-index:1}.galeria-header{margin-bottom:50px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.header-content{text-align:center;margin-bottom:40px}.header-title{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px}.header-title i{font-size:48px;background:linear-gradient(135deg,#ffd400,#f80);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 20px rgba(255,212,0,.4));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,212,0,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(255,212,0,.6));transform:scale(1.05)}}.header-title h2{font-size:52px;font-weight:900;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;letter-spacing:-1px}.header-subtitle{font-size:18px;color:#ffffff80;margin:0;font-weight:400}.galeria-filters{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;padding:24px 32px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;animation:fadeIn .8s ease-out .2s backwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.filter-group{display:flex;align-items:center;gap:12px}.filter-label{font-size:14px;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.filter-label i{color:var(--amber);margin-right:6px}.filter-select{padding:12px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.filter-select:hover{border-color:var(--amber);background:#ffd40014;transform:translateY(-2px);box-shadow:0 4px 20px var(--amber-glow)}.filter-select:focus{outline:none;border-color:var(--amber);box-shadow:0 0 0 4px #ffd40026}.view-toggle{display:flex;gap:6px;background:#0000004d;border-radius:12px;padding:6px}.view-btn{padding:6px 12px;background:transparent;border:none;border-radius:6px;color:#ffffff80;cursor:pointer;transition:all .3s ease;font-size:14px;min-height:32px}.view-btn:hover{background:#ffffff14;color:#ffffffe6}.view-btn.active{background:linear-gradient(135deg,#ffd400,#f80);color:#000;font-weight:600;box-shadow:0 4px 16px #ffd40066}.galeria-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--gallery-gap);margin-top:50px;animation:fadeInUp .8s ease-out .3s backwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.galeria-grid.view-list{grid-template-columns:1fr}.galeria-apple-item{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--card-radius);overflow:hidden;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 24px #0000004d,inset 0 1px #ffffff1a}.galeria-apple-item:hover{transform:translateY(-8px) scale(1.02);border-color:var(--amber);background:var(--glass-hover);box-shadow:0 20px 60px #ffd4004d,0 0 40px #ffd40033,inset 0 1px #fff3}.galeria-apple-item:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);opacity:0;transition:opacity .4s ease}.galeria-apple-item:hover:before{opacity:1}.galeria-apple-item img{width:100%;height:280px;object-fit:cover;display:block;transition:all .5s cubic-bezier(.4,0,.2,1);filter:brightness(.95)}.galeria-apple-item:hover img{transform:scale(1.08);filter:brightness(1.05) saturate(1.1)}.galeria-item-overlay{position:absolute;bottom:0;left:0;right:0;padding:20px;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.7) 50%,transparent 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.galeria-apple-item:hover .galeria-item-overlay{transform:translateY(0)}.galeria-item-mode{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,#ffd400,#f80);color:#000;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:8px;box-shadow:0 4px 12px #ffd40066;margin-bottom:8px}.galeria-item-date{font-size:13px;color:#fff9;margin-bottom:6px;display:flex;align-items:center;gap:6px}.galeria-item-date i{font-size:12px}.galeria-item-prompt{font-size:14px;color:#ffffffe6;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.galeria-apple-modal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#000000eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10000;animation:fadeIn .3s ease-out}.galeria-apple-modal.active{display:flex;align-items:center;justify-content:center;padding:40px}.galeria-modal-content{position:relative;max-width:1200px;width:100%;max-height:90vh;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:40px;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);box-shadow:0 20px 80px #00000080,inset 0 1px #ffffff1a;animation:scaleIn .4s cubic-bezier(.4,0,.2,1);overflow-y:auto}.galeria-modal-close{position:absolute;top:20px;right:20px;width:44px;height:44px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px;color:#ffffffb3;z-index:10}.galeria-modal-close:hover{background:#f00c;border-color:#ff000080;color:#fff;transform:rotate(90deg);box-shadow:0 4px 20px #f006}.gallery-tabs{display:inline-flex;background:#0a0b0d99;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:6px;border-radius:100px;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0003;margin:0 auto;position:relative;z-index:10}.gallery-tab{padding:10px 28px;border-radius:100px;color:#666;font-weight:500;letter-spacing:.3px;transition:all .4s cubic-bezier(.2,.8,.2,1);border:1px solid transparent;display:flex;align-items:center;gap:10px;font-size:15px}.gallery-tab i{font-size:16px;transition:transform .3s ease;color:#666}.gallery-tab:hover{color:#999;background:#ffffff0d}.gallery-tab:hover i{color:#999}.gallery-tab.active{background:#ffd400;color:#000;font-weight:700;box-shadow:0 4px 20px #ffd4004d;transform:scale(1.02);border-color:#ffd40033}.gallery-tab.active i{transform:scale(1.1)}.galeria-filters{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.05);width:100%}.filter-group{display:flex;align-items:center;gap:10px;background:#ffffff08;padding:6px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.05);transition:border-color .3s ease}.filter-group:hover{border-color:#ffffff26}.filter-label{color:#fff6;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.filter-select{background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;outline:none;padding-right:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23ffd400%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 0 center;background-size:10px}.filter-select option{background:#1a1b1f;color:#fff;padding:10px}.view-toggle{display:flex;background:#0003;border-radius:8px;padding:2px}.view-btn{background:transparent;border:none;color:#fff6;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.view-btn:hover{color:#fff}.view-btn.active{background:#ffffff1a;color:#ffd400}@media (max-width: 768px){.gallery-tabs{width:100%;display:flex;margin:0 0 20px;padding:4px}.gallery-tab{flex:1;justify-content:center;padding:10px;font-size:14px}.galeria-filters{flex-direction:column;align-items:flex-start;gap:12px}.filter-group{width:100%;justify-content:space-between}}.galeria-modal-image-container{margin-bottom:30px;border-radius:16px;overflow:hidden;background:#0000004d;position:relative}.galeria-modal-image{width:100%;max-height:70vh;object-fit:contain;display:block}.galeria-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;font-size:20px}.galeria-modal-nav:hover{background:var(--amber);border-color:var(--amber);color:#000;transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px #ffd40080}.galeria-modal-nav.prev{left:20px}.galeria-modal-nav.next{right:20px}.galeria-modal-info{display:flex;flex-direction:column;gap:16px}.galeria-modal-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.galeria-modal-mode{padding:8px 16px;background:linear-gradient(135deg,#ffd400,#f80);color:#000;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:8px;box-shadow:0 4px 12px #ffd40066}.galeria-modal-date{font-size:14px;color:#fff9;display:flex;align-items:center;gap:8px}.galeria-modal-prompt{padding:20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#ffffffe6;font-size:15px;line-height:1.6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.galeria-modal-actions{display:flex;gap:12px;margin-top:20px}.galeria-modal-btn{flex:1;padding:14px 24px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.galeria-modal-btn:hover{background:var(--glass-hover);border-color:var(--amber);transform:translateY(-2px);box-shadow:0 8px 24px #ffd4004d}.galeria-modal-btn i{font-size:16px}.galeria-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 40px;text-align:center}.galeria-empty i{font-size:80px;color:#ffd4004d;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.galeria-empty h3{font-size:28px;color:#ffffffb3;margin:0 0 12px}.galeria-empty p{font-size:16px;color:#fff6;margin:0}.galeria-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 40px}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--amber);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:16px;color:#ffffff80;animation:pulse 2s ease-in-out infinite}@media (max-width: 1400px){.galeria-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width: 768px){.galeria-panel{padding:20px 15px;min-height:calc(100vh - 80px)}.galeria-container{max-width:100%}.header-title{flex-direction:column;gap:10px}.header-title h2{font-size:28px;text-align:center}.header-title i{font-size:28px}.header-subtitle{font-size:14px;margin-top:8px}.galeria-filters{flex-direction:column;gap:16px;padding:16px;margin-bottom:20px}.filter-group{width:100%;flex-direction:column;align-items:flex-start;gap:8px}.filter-label{font-size:12px;margin-bottom:4px}.filter-select{width:100%;padding:10px 16px;font-size:13px}.view-toggle{width:100%;justify-content:center}.view-btn{flex:1;padding:8px 12px;font-size:13px}.galeria-grid{grid-template-columns:1fr;gap:12px;margin-top:20px}.galeria-apple-item{border-radius:16px}.galeria-apple-item img{height:200px}.galeria-item-overlay{padding:12px}.galeria-item-mode{font-size:10px;padding:4px 8px}.galeria-item-date{font-size:11px}.galeria-modal-content{padding:16px;margin:10px;max-height:calc(100vh - 20px)}.galeria-modal-close{top:10px;right:10px;width:36px;height:36px;font-size:16px}.galeria-modal-nav{width:36px;height:36px;font-size:16px}.galeria-modal-nav.prev{left:10px}.galeria-modal-nav.next{right:10px}.galeria-modal-actions{flex-direction:column;gap:8px}.galeria-modal-btn{padding:12px 16px;font-size:13px}}@media (max-width: 480px){.galeria-panel{padding:15px 10px}.header-title h2,.header-title i{font-size:24px}.galeria-filters{padding:12px;gap:12px}.filter-select{padding:8px 12px;font-size:12px}.galeria-apple-item img{height:180px}.galeria-modal-content{padding:12px;margin:5px}.galeria-modal-close,.galeria-modal-nav{width:32px;height:32px;font-size:14px}}.galeria-modal-content::-webkit-scrollbar{width:8px}.galeria-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.galeria-modal-content::-webkit-scrollbar-thumb{background:#ffd40080;border-radius:4px}.galeria-modal-content::-webkit-scrollbar-thumb:hover{background:var(--amber)}.asistente-panel{flex-direction:column;min-height:calc(100vh - 70px);height:calc(100vh - 70px);background:linear-gradient(180deg,#030303,#0a0a0a);position:relative;overflow:hidden}.chat-welcome{flex:1!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:40px 24px!important;overflow-y:auto!important}.welcome-content{max-width:700px!important;width:100%!important;text-align:center!important}.welcome-icon{position:relative!important;width:120px!important;height:120px!important;margin:0 auto 32px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,#ffd40033,#ffed4e1a)!important;border:3px solid rgba(255,212,0,.4)!important;border-radius:32px!important;font-size:52px!important;color:#ffd400!important;animation:iconFloat 3s ease-in-out infinite!important}.welcome-glow{position:absolute!important;top:-30px!important;right:-30px!important;bottom:-30px!important;left:-30px!important;background:radial-gradient(circle,rgba(255,212,0,.25) 0%,transparent 70%)!important;border-radius:50%!important;z-index:-1!important;animation:glowPulse 2s ease-in-out infinite!important}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glowPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.welcome-content h2{font-family:Outfit,sans-serif!important;font-size:38px!important;font-weight:700!important;color:#fff!important;margin:0 0 16px!important;letter-spacing:-.02em!important}.welcome-content>p{font-size:17px!important;color:#fff9!important;line-height:1.6!important;max-width:500px!important;margin:0 auto 48px!important}.quick-actions{text-align:left!important;background:#ffffff05!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:24px!important;padding:28px!important}.quick-actions h4{font-family:Outfit,sans-serif!important;font-size:14px!important;font-weight:600!important;color:#ffffff80!important;text-transform:uppercase!important;letter-spacing:.1em!important;margin:0 0 20px!important;text-align:center!important}.quick-actions-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important}.quick-action-btn{display:flex!important;align-items:center!important;gap:12px!important;padding:14px 16px!important;background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:14px!important;cursor:pointer!important;transition:all .3s ease!important;text-align:left!important}.quick-action-btn:hover{background:#ffd4001a!important;border-color:#ffd40066!important;transform:translateY(-3px)!important;box-shadow:0 10px 30px #0000004d!important}.quick-action-btn i{width:48px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#ffd40026!important;border:1px solid rgba(255,212,0,.3)!important;border-radius:14px!important;color:#ffd400!important;font-size:18px!important;flex-shrink:0!important;transition:all .3s ease!important}.quick-action-btn:hover i{background:#ffd400!important;border-color:#ffd400!important;color:#0a0a0a!important;transform:scale(1.1)!important}.quick-action-btn span{font-family:Outfit,sans-serif!important;font-size:15px!important;font-weight:600!important;color:#ffffffe6!important}.chat-container,#chatContainerWrapper{flex:1!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.chat-messages{flex:1!important;overflow-y:auto!important;padding:24px!important;display:flex!important;flex-direction:column!important;gap:20px!important}.chat-message{display:flex!important;gap:14px!important;max-width:85%!important;animation:messageIn .3s ease!important}@keyframes messageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user-message{align-self:flex-end!important;flex-direction:row-reverse!important}.chat-message.ai-message{align-self:flex-start!important}.message-avatar{width:42px!important;height:42px!important;border-radius:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:16px!important;flex-shrink:0!important}.chat-message.user-message .message-avatar{background:linear-gradient(135deg,#ffd400,#ffed4e)!important;color:#0a0a0a!important}.chat-message.ai-message .message-avatar{background:#ffffff1a!important;border:1px solid rgba(255,255,255,.2)!important;color:#fffc!important}.message-content{display:flex!important;flex-direction:column!important;gap:8px!important}.message-bubble{padding:16px 20px!important;border-radius:18px!important;font-size:15px!important;line-height:1.6!important}.chat-message.user-message .message-bubble{background:linear-gradient(135deg,#ffd400,#ffed4e)!important;color:#0a0a0a!important;border-bottom-right-radius:6px!important}.chat-message.ai-message .message-bubble{background:#ffffff0f!important;border:1px solid rgba(255,255,255,.1)!important;color:#ffffffe6!important;border-bottom-left-radius:6px!important}.typing-indicator{display:flex!important;align-items:center!important;gap:6px!important}.typing-dot{width:8px!important;height:8px!important;background:#ffd400b3!important;border-radius:50%!important;animation:typingBounce 1.4s infinite ease-in-out both!important}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.upload-preview{position:absolute!important;bottom:140px!important;left:24px!important;right:24px!important;max-width:400px!important;z-index:100!important;animation:slideUp .3s ease!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.upload-preview-inner{position:relative!important;border-radius:16px!important;overflow:hidden!important;background:#0a0a0a!important;border:2px solid rgba(255,212,0,.4)!important;box-shadow:0 15px 50px #0009!important}.upload-preview-inner img,#uploadPreviewImg{width:100%!important;max-height:200px!important;object-fit:contain!important;display:block!important}.remove-preview-btn{position:absolute!important;top:10px!important;right:10px!important;width:36px!important;height:36px!important;border-radius:50%!important;background:#000c!important;border:1px solid rgba(255,255,255,.2)!important;color:#fff!important;font-size:14px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.remove-preview-btn:hover{background:#ef4444!important;border-color:transparent!important;transform:scale(1.1)!important}.chat-input-bar{padding:20px 24px 28px!important;background:linear-gradient(to top,#0a0a0a 90%,transparent)!important;position:relative!important;z-index:50!important}.input-container{display:flex!important;align-items:center!important;gap:12px!important;padding:12px 16px!important;background:#ffffff0d!important;border:2px solid rgba(255,255,255,.1)!important;border-radius:20px!important;transition:all .3s ease!important}.input-container:focus-within{border-color:#ffd40080!important;background:#ffffff12!important;box-shadow:0 0 30px #ffd4001a!important}.action-btn{position:relative!important;width:48px!important;height:48px!important;border-radius:14px!important;border:none!important;font-size:18px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;flex-shrink:0!important}.action-btn:hover .btn-tooltip{opacity:1!important;transform:translate(-50%) translateY(-10px)!important}.btn-tooltip{position:absolute!important;bottom:100%!important;left:50%!important;transform:translate(-50%) translateY(0)!important;padding:8px 14px!important;background:#1f1f1f!important;border:1px solid rgba(255,255,255,.15)!important;border-radius:10px!important;font-size:12px!important;font-weight:500!important;color:#ffffffe6!important;white-space:nowrap!important;opacity:0!important;pointer-events:none!important;transition:all .2s ease!important;z-index:100!important}.upload-action{background:#ffd40026!important;color:#ffd400!important;border:1px solid rgba(255,212,0,.3)!important}.upload-action:hover{background:#ffd40040!important;transform:scale(1.05)!important}.send-action{background:linear-gradient(135deg,#ffd400,#ffed4e)!important;color:#0a0a0a!important;box-shadow:0 4px 15px #ffd4004d!important}.send-action:hover:not(:disabled){transform:scale(1.08)!important;box-shadow:0 6px 25px #ffd40080!important}.send-action:disabled{background:#ffffff1a!important;color:#ffffff4d!important;cursor:not-allowed!important;box-shadow:none!important}.reset-action{background:#ffffff0f!important;color:#ffffff80!important;border:1px solid rgba(255,255,255,.1)!important}.reset-action:hover{background:#ffffff1f!important;color:#ffffffe6!important;transform:rotate(180deg)!important}.input-wrapper{flex:1!important;display:flex!important;align-items:center!important}.input-wrapper textarea,#chatInput{width:100%!important;padding:12px 0!important;background:transparent!important;border:none!important;color:#fff!important;font-family:Outfit,sans-serif!important;font-size:16px!important;line-height:1.5!important;resize:none!important;max-height:120px!important}.input-wrapper textarea::placeholder,#chatInput::placeholder{color:#fff6!important}.input-wrapper textarea:focus,#chatInput:focus{outline:none!important}.input-hint{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:14px!important;font-size:13px!important;color:#fff6!important}.input-hint i{font-size:12px!important;color:#ffd40099!important}.asistente-welcome{display:none!important}.upload-btn,.send-btn,.reset-btn{width:48px!important;height:48px!important;border-radius:14px!important;border:none!important;font-size:18px!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important}.upload-btn{background:#ffd40026!important;color:#ffd400!important}.send-btn{background:linear-gradient(135deg,#ffd400,#ffed4e)!important;color:#0a0a0a!important}.reset-btn{background:#ffffff0f!important;color:#ffffff80!important}@media (max-width: 768px){.chat-welcome{padding:24px 16px!important}.welcome-icon{width:90px!important;height:90px!important;font-size:40px!important;margin-bottom:24px!important;border-radius:24px!important}.welcome-content h2{font-size:28px!important}.welcome-content>p{font-size:15px!important;margin-bottom:32px!important}.quick-actions{padding:20px!important;border-radius:20px!important}.quick-actions-grid{grid-template-columns:1fr!important;gap:12px!important}.quick-action-btn{padding:16px 18px!important}.quick-action-btn i{width:42px!important;height:42px!important;font-size:16px!important}.chat-messages{padding:16px!important}.chat-message{max-width:90%!important}.message-avatar{width:36px!important;height:36px!important;font-size:14px!important;border-radius:12px!important}.message-bubble{padding:14px 16px!important;font-size:14px!important;border-radius:16px!important}.chat-input-bar{padding:16px 16px 24px!important}.input-container{gap:10px!important;padding:10px 14px!important;border-radius:18px!important}.action-btn{width:44px!important;height:44px!important;font-size:16px!important;border-radius:12px!important}.input-hint{display:none!important}.upload-preview{left:16px!important;right:16px!important;bottom:120px!important}}@media (max-width: 480px){.welcome-icon{width:80px!important;height:80px!important;font-size:36px!important}.welcome-content h2{font-size:24px!important}.quick-action-btn i{width:38px!important;height:38px!important;font-size:14px!important;border-radius:10px!important}.quick-action-btn span{font-size:14px!important}.action-btn{width:40px!important;height:40px!important;font-size:15px!important}}.template-generator-panel{position:relative;min-height:100vh;background:linear-gradient(180deg,#0a0b0d,#12141a,#0a0b0d);z-index:1;overflow-y:auto;padding-top:20px}.template-generator-panel:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(255,212,0,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,183,3,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,212,0,.08) 0%,transparent 60%);pointer-events:none;z-index:0;animation:backgroundPulse 8s ease-in-out infinite}@keyframes backgroundPulse{0%,to{opacity:.6}50%{opacity:1}}.template-generator-panel:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,rgba(255,212,0,.03) 0px,transparent 1px,transparent 2px,rgba(255,212,0,.03) 3px);pointer-events:none;z-index:0;opacity:.3}.template-gen-container{max-width:1400px;margin:0 auto;padding:20px 40px;position:relative;z-index:1}.back-to-templates{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:#0a0b0dfa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:2px solid rgba(255,212,0,.35);border-radius:12px;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:16px;position:sticky;top:20px;z-index:100;box-shadow:0 4px 20px #0006,0 0 40px #ffd4001a}.back-to-templates:hover{border-color:var(--amber);background:#0a0b0d;box-shadow:0 6px 30px #00000080,0 0 50px #ffd40040;transform:translateY(-3px)}.back-to-templates:active{transform:translateY(-1px)}.back-to-templates svg{color:var(--amber);filter:drop-shadow(0 0 6px rgba(255,212,0,.6));transition:transform .3s ease}.back-to-templates:hover svg{transform:translate(-3px)}.template-header{text-align:center;margin-bottom:24px;position:relative}.template-name{font-size:36px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#fff;margin:0 0 12px;text-shadow:0 2px 20px rgba(255,255,255,.1)}.highlight-text{background:linear-gradient(135deg,var(--amber) 0%,#ffb700 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.highlight-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,var(--amber) 50%,transparent 100%);border-radius:2px;animation:highlightGlow 2s ease-in-out infinite}@keyframes highlightGlow{0%,to{opacity:.4}50%{opacity:.8}}.template-description{font-size:15px;font-weight:400;line-height:1.5;color:#ffffffa6;max-width:600px;margin:0 auto}.template-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.column-title{font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffffff80;margin:0 0 16px;display:flex;align-items:center;gap:8px}.column-title:before{content:"";width:3px;height:14px;background:var(--amber);border-radius:2px}.upload-zone{position:relative;aspect-ratio:4 / 3;border:3px dashed rgba(255,212,0,.3);border-radius:24px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;background:linear-gradient(135deg,#ffd40014,#ffb7030a),radial-gradient(circle at 50% 0%,rgba(255,212,0,.15) 0%,transparent 50%);box-shadow:inset 0 2px 40px #ffd4001a,inset 0 -2px 40px #00000080,0 8px 32px #0006,0 0 0 1px #ffd4001a}.upload-zone:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:3px;background:linear-gradient(135deg,rgba(255,212,0,.4) 0%,rgba(255,183,3,.2) 25%,transparent 50%,rgba(255,183,3,.2) 75%,rgba(255,212,0,.4) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.upload-zone:hover{border-color:var(--amber);border-style:solid;background:linear-gradient(135deg,#ffd40026,#ffb70314),radial-gradient(circle at 50% 0%,rgba(255,212,0,.25) 0%,transparent 50%);box-shadow:inset 0 2px 40px #ffd40033,inset 0 -2px 40px #00000080,0 12px 48px #00000080,0 0 60px #ffd4004d,0 0 0 1px #ffd4004d;transform:translateY(-4px)}.upload-zone:hover:before{opacity:1}.upload-zone.dragover{border-color:var(--amber);border-width:4px;border-style:solid;background:linear-gradient(135deg,#ffd40040,#ffb70326),radial-gradient(circle at 50% 0%,rgba(255,212,0,.35) 0%,transparent 50%);box-shadow:inset 0 2px 60px #ffd4004d,inset 0 -2px 60px #ffd4001a,0 16px 64px #0009,0 0 80px #ffd40080,0 0 0 1px var(--amber);animation:dragoverPulse 1s ease-in-out infinite}@keyframes dragoverPulse{0%,to{box-shadow:inset 0 2px 60px #ffd4004d,inset 0 -2px 60px #ffd4001a,0 16px 64px #0009,0 0 80px #ffd40080,0 0 0 1px var(--amber)}50%{box-shadow:inset 0 2px 60px #ffd40066,inset 0 -2px 60px #ffd40033,0 20px 72px #000000b3,0 0 100px #ffd400b3,0 0 0 2px var(--amber)}}.upload-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.upload-icon{width:72px;height:72px;color:#ffd40066;margin-bottom:24px;filter:drop-shadow(0 4px 12px rgba(255,212,0,.2));animation:uploadIconFloat 3s ease-in-out infinite}@keyframes uploadIconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.upload-title{font-size:20px;font-weight:700;color:#fff;margin:0 0 8px;letter-spacing:-.01em}.upload-subtitle{font-size:15px;color:#ffffffa6;margin:0 0 20px;font-weight:500}.upload-formats{font-size:12px;color:#ffffff73;font-weight:500;padding:8px 16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.image-preview{position:relative;width:100%;height:100%}.image-preview img{width:100%;height:100%;object-fit:contain;background:#0000004d}.image-preview.generating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd4001a,#ffd4004d,#ffd4001a);background-size:200% 200%;animation:generatingPulse 2s ease-in-out infinite;pointer-events:none;z-index:10}.image-preview.generating:before{content:"Generando...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px 32px;border-radius:12px;border:2px solid var(--amber);color:var(--amber);font-weight:700;font-size:18px;box-shadow:0 0 30px #ffd40080;animation:generatingBounce 1s ease-in-out infinite}@keyframes generatingPulse{0%,to{background-position:0% 50%;opacity:.8}50%{background-position:100% 50%;opacity:1}}@keyframes generatingBounce{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.05)}}.remove-image{position:absolute;top:16px;right:16px;width:36px;height:36px;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image:hover{background:#f87171e6;border-color:#f87171}.image-info{margin-top:20px;padding:20px;background:linear-gradient(135deg,#ffffff0a,#ffffff05);border:1.5px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:inset 0 1px #ffffff0d,0 4px 16px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-row-inline{display:flex;align-items:center;justify-content:space-between;gap:16px}.info-items{display:flex;gap:24px;flex:1}.info-item{display:flex;gap:8px;font-size:14px}.info-label{color:#ffffff80}.info-value{color:#fff;font-weight:500}.btn-generate-inline{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#ffd400fa,#ffed4efa,#ffd400fa);color:#000000f2;border:1px solid rgba(255,255,255,.35);border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 6px 24px #ffd40066,0 2px 8px #0003,inset 0 1px #ffffff80,inset 0 -1px #00000026;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.btn-generate-inline:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffed4e,#ffd400);opacity:0;transition:opacity .4s ease}.btn-generate-inline:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmerBtn 3s infinite}.btn-generate-inline:hover:before{opacity:1}.btn-generate-inline:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 10px 40px #ffd40099,0 4px 12px #0000004d,inset 0 2px #fff9,inset 0 -2px #0003;border-color:#ffffff80}.btn-generate-inline:active{transform:translateY(0) scale(.98)}.btn-generate-inline:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #ffb70333}.btn-generate-inline svg{width:20px;height:20px;position:relative;z-index:1}.btn-generate-inline span{position:relative;z-index:1}.btn-generate-inline.loading svg{animation:spinFast .8s linear infinite}@keyframes spinFast{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.result-preview{position:relative;aspect-ratio:4 / 3;border:2px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#0006,#0003);box-shadow:inset 0 0 60px #00000080,0 4px 30px #0000004d;transition:all .3s ease}.result-preview:has(.result-image-container[style*="display: block"]){border-color:#ffd4004d;box-shadow:inset 0 0 60px #00000080,0 4px 30px #0000004d,0 0 40px #ffd40026}.split-view-container{position:absolute;top:0;right:0;bottom:0;left:0;display:flex}.split-image{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.split-image img{width:100%;height:100%;object-fit:contain;background:#0000004d}.split-before{z-index:2}.split-after{z-index:1}.split-label{position:absolute;top:16px;left:16px;padding:6px 12px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;z-index:10}.split-slider{position:absolute;top:0;bottom:0;left:50%;width:3px;background:linear-gradient(180deg,transparent 0%,var(--amber) 10%,var(--amber) 90%,transparent 100%);cursor:ew-resize;z-index:3;transform:translate(-50%);box-shadow:0 0 20px #ffd40080;pointer-events:all}.split-slider:hover{width:4px;background:var(--amber);box-shadow:0 0 30px #ffd400cc}.split-handle{position:absolute;top:50%;left:50%;width:48px;height:48px;background:linear-gradient(135deg,var(--amber) 0%,#ffb700 100%);border:4px solid rgba(0,0,0,.8);border-radius:50%;box-shadow:0 4px 20px #00000080,inset 0 2px 8px #ffffff4d,0 0 30px #ffd40066;display:flex;align-items:center;justify-content:center;cursor:ew-resize;pointer-events:all;margin-left:-24px;margin-top:-24px}.split-handle:hover{box-shadow:0 6px 30px #0009,inset 0 2px 10px #ffffff80,0 0 50px #ffd400cc;filter:brightness(1.1)}.split-handle:active{filter:brightness(.95)}.split-handle:before,.split-handle:after{content:"";position:absolute;width:10px;height:2.5px;background:#000c;border-radius:2px}.split-handle:before{left:10px;clip-path:polygon(0 0,80% 0,100% 50%,80% 100%,0 100%)}.split-handle:after{right:10px;clip-path:polygon(20% 0,100% 0,100% 100%,20% 100%,0 50%)}.result-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.result-icon{width:72px;height:72px;color:#ffffff26;margin-bottom:20px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));animation:resultIconPulse 2s ease-in-out infinite}@keyframes resultIconPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.05)}}.result-text{font-size:15px;color:#fff6;margin:0;font-weight:500}.result-image-container{position:relative;width:100%;height:100%}.result-image-container img{width:100%;height:100%;object-fit:contain}.compare-toggle{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:6px;padding:6px;background:#000000d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 8px 32px #00000080}.compare-btn{padding:10px 20px;background:transparent;border:none;border-radius:8px;color:#ffffffa6;font-size:13px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.compare-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--amber) 0%,#ffb700 100%);border-radius:8px;opacity:0;transition:opacity .25s ease}.compare-btn span{position:relative;z-index:1}.compare-btn.active{color:#000}.compare-btn.active:before{opacity:1}.compare-btn:hover:not(.active){background:#ffffff14;color:#fff;transform:translateY(-1px)}.download-result{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;margin-top:20px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff14);border:1.5px solid rgba(255,255,255,.2);border-radius:14px;color:#fffffff2;font-size:15px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 20px #0003,inset 0 1px #ffffff26,inset 0 -1px #0003;-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.download-result:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd40026,#ffed4e1a);opacity:0;transition:opacity .4s ease}.download-result:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmerBtn 3s infinite}.download-result:hover{background:linear-gradient(135deg,#ffffff26,#ffffff1a,#ffffff1f);border-color:#ffd40099;color:#fff;transform:translateY(-3px) scale(1.01);box-shadow:0 8px 32px #ffd4004d,inset 0 2px #fff3,inset 0 -2px #0000004d}.download-result:hover:before{opacity:1}.download-result:active{transform:translateY(0)}.download-result svg{position:relative;z-index:1}.download-result span{position:relative;z-index:1}.action-bar{position:sticky;bottom:0;left:0;right:0;background:#0f1115f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.08);margin:0 -40px;padding:24px 40px}.action-bar-content{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:center}.credits-display{display:flex;align-items:center;gap:8px;color:#fff9;font-size:15px}.credits-display svg{color:var(--amber)}.credits-display strong{color:#fff;font-weight:600}.btn-generate{display:flex;align-items:center;gap:10px;padding:16px 40px;background:var(--amber);border:none;border-radius:100px;color:#000;font-size:17px;font-weight:600;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ffd4004d}.btn-generate:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #ffd40066}.btn-generate:active:not(:disabled){transform:scale(.98)}.btn-generate:disabled{opacity:.4;cursor:not-allowed;transform:none}.template-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:9999;display:flex;align-items:center;justify-content:center}.template-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,212,0,.1) 0%,transparent 70%);animation:loadingPulseGlow 2s ease-in-out infinite}@keyframes loadingPulseGlow{0%,to{opacity:.3}50%{opacity:.6}}.loading-content-template{text-align:center;max-width:400px;position:relative;z-index:1}.loading-spinner-template{width:80px;height:80px;margin:0 auto 32px;border:4px solid rgba(255,255,255,.08);border-top-color:var(--amber);border-right-color:var(--amber);border-radius:50%;animation:spinPremium 1s cubic-bezier(.5,0,.5,1) infinite;box-shadow:0 0 40px #ffd4004d}@keyframes spinPremium{to{transform:rotate(360deg)}}.loading-title{font-size:28px;font-weight:700;letter-spacing:-.02em;color:#fff;margin:0 0 12px;text-shadow:0 2px 20px rgba(255,255,255,.1)}.loading-subtitle{font-size:16px;font-weight:500;color:#ffffffa6;margin:0 0 40px}.loading-bar-container{width:100%;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden;box-shadow:inset 0 2px 4px #0000004d}.loading-bar-fill{height:100%;background:linear-gradient(90deg,var(--amber) 0%,#ffb700 50%,var(--amber) 100%);background-size:200% 100%;border-radius:3px;animation:loading-progress-premium 2s ease-in-out infinite;box-shadow:0 0 20px #ffd40080}@keyframes loading-progress-premium{0%{width:0%;background-position:0% 50%}50%{width:70%;background-position:100% 50%}to{width:100%;background-position:200% 50%}}@media (max-width: 1024px){.template-gen-container{padding:24px}.template-name{font-size:36px}.template-description{font-size:17px}.template-content-grid{grid-template-columns:1fr;gap:32px}.action-bar{margin:0 -24px;padding-left:24px;padding-right:24px}.action-bar-content{flex-direction:column;gap:16px}.btn-generate{width:100%}}@media (max-width: 768px){.template-gen-container{padding:20px}.template-header{margin-bottom:32px}.template-badge{font-size:11px;padding:6px 16px;margin-bottom:16px}.badge-dot{width:5px;height:5px}.template-name{font-size:28px;margin-bottom:16px}.highlight-text:after{height:2px;bottom:-2px}.template-description{font-size:15px}.column-title{font-size:12px;margin-bottom:12px}.column-title:before{width:2px;height:12px}.upload-zone,.result-preview{border-radius:16px;border-width:2px}.upload-icon{width:56px;height:56px;margin-bottom:20px}.upload-title{font-size:17px}.upload-subtitle{font-size:14px;margin-bottom:16px}.upload-formats{font-size:11px;padding:6px 12px}.image-info{margin-top:16px;padding:16px}.info-items{gap:16px}.info-item{font-size:12px}.btn-generate-inline{padding:10px 18px;font-size:13px}.result-icon{width:56px;height:56px;margin-bottom:16px}.result-text{font-size:14px}.split-handle{width:40px;height:40px;margin-left:-20px;margin-top:-20px;transition:none!important;transform:none!important}.compare-toggle{bottom:16px;padding:5px;gap:4px}.compare-btn{padding:8px 14px;font-size:12px}.download-result{padding:14px 20px;margin-top:16px;font-size:14px}.back-to-templates{padding:12px 20px;font-size:14px;gap:8px}.loading-spinner-template{width:60px;height:60px;margin-bottom:24px}.loading-title{font-size:22px}.loading-subtitle{font-size:14px;margin-bottom:32px}}.pro-panel{width:100%;min-height:100vh;padding-top:80px;background:#0a0b0d;color:#fff;display:flex;flex-direction:column}.pro-workspace{display:grid;grid-template-columns:280px 1fr;gap:16px;max-width:1800px;margin:0 auto;padding:16px;min-height:calc(100vh - 80px);overflow-x:hidden}.pro-sidebar{display:flex;flex-direction:column;gap:8px;width:280px;max-width:280px;min-width:280px;box-sizing:border-box;padding-right:4px;height:auto;overflow:visible}.pro-sidebar::-webkit-scrollbar{width:6px}.pro-sidebar::-webkit-scrollbar-track{background:#ffffff05}.pro-sidebar::-webkit-scrollbar-thumb{background:#ffd4004d;border-radius:3px}.pro-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease}.pro-card:hover{border-color:#ffd40033;background:#ffffff0a}.pro-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pro-card-title{font-size:14px;font-weight:700;color:#fff;letter-spacing:-.01em;text-transform:uppercase;font-size:11px;letter-spacing:.5px}.pro-mode-nav{background:#ffffff0a;border:1.5px solid rgba(255,212,0,.3);border-radius:10px;padding:10px;box-shadow:0 0 20px #ffd4001f,inset 0 0 20px #ffd4000a;position:relative;overflow:visible;margin-bottom:8px}.pro-mode-nav:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,212,0,.1),transparent);animation:neonScan 3s ease-in-out infinite}@keyframes neonScan{0%,to{left:-100%}50%{left:100%}}.pro-mode-header h3{margin:0 0 8px;font-size:9px;font-weight:800;color:#fff;letter-spacing:1px;text-transform:uppercase;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.15)}.pro-mode-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px}.pro-mode-btn{background:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;font-size:10px;font-weight:700;color:#ffffffd9;min-height:21px;height:21px;position:relative;overflow:visible;z-index:1}.pro-mode-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,212,0,.1),transparent);opacity:0;transition:opacity .2s ease}.pro-mode-btn:hover{background:#ffffff0f;border-color:#ffd40066;color:#fff;transform:translateY(-2px)}.pro-mode-btn:hover:before{opacity:1}.pro-mode-btn.active{background:linear-gradient(135deg,#ffd400,#ffed4e);color:#000;border-color:#ffd400;box-shadow:0 0 15px #ffd40080,0 2px 8px #ffd4004d;transform:translateY(-1px);font-weight:800}@keyframes neonPulse{0%,to{box-shadow:0 0 20px #ffd40099,0 4px 16px #ffd40066,inset 0 0 20px #fff3}50%{box-shadow:0 0 30px #ffd400cc,0 6px 24px #ffd40099,inset 0 0 30px #ffffff4d}}.pro-mode-btn i{font-size:12px;transition:all .3s ease;flex-shrink:0}.pro-mode-btn span{font-size:9px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pro-mode-description{padding:6px 8px;background:#ffffff0a;border-radius:6px;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 2px #0003}.pro-mode-description p{margin:0;font-size:10px;color:#ffffffe6;line-height:1.4}.pro-mode-examples{background:#ffffff08;border:1px solid rgba(255,212,0,.15);border-radius:8px;padding:8px;overflow:hidden;box-shadow:0 0 10px #ffd4000f;margin-bottom:8px}.pro-examples-grid{display:flex;flex-direction:column;gap:16px}.pro-image-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.pro-image-container-example{position:relative;aspect-ratio:4 / 3;border-radius:6px;overflow:hidden;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);transition:all .3s ease}.pro-image-container-example:hover{transform:scale(1.03);border-color:#ffd40099;box-shadow:0 0 20px #ffd40066}.pro-image-container-example img{width:100%;height:100%;object-fit:cover;display:block;background:#0000004d}.pro-image-container-example img[src=""],.pro-image-container-example img:not([src]){background:#ffffff0d;display:flex;align-items:center;justify-content:center}.pro-image-container-example img[src=""]:after,.pro-image-container-example img:not([src]):after{content:"Imagen no disponible";color:#ffffff4d;font-size:10px}.pro-image-label{position:absolute;top:8px;left:8px;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:6px;letter-spacing:.5px}.pro-image-description{font-size:9px;color:#ffffffb3;line-height:1.3;padding:4px 2px 0;margin-top:4px}.tools{display:none!important}.tools.active{display:block!important}.pro-examples-content{display:none!important}.pro-examples-content[style*="display: block"]{display:block!important}.pro-examples-content h4{display:none!important}.pro-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:8px;transition:all .2s ease;margin-bottom:8px}.pro-section:hover{border-color:#ffd40033;box-shadow:0 0 8px #ffd40014}.pro-section-header{margin-bottom:8px}.pro-section-header h3{margin:0;font-size:9px;font-weight:700;color:#fff;letter-spacing:.5px;text-transform:uppercase}.pro-textarea{width:100%;min-height:60px;padding:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff;font-size:11px;line-height:1.4;resize:vertical;transition:all .2s ease;font-family:inherit}.pro-textarea:focus{outline:none;border-color:#ffd400;background:#ffffff0f;box-shadow:0 0 0 3px #ffd40026,0 0 20px #ffd40033}.pro-textarea::placeholder{color:#fff6}.pro-select{width:100%;padding:8px 36px 8px 12px;background:#0006;border:2px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ffffff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.pro-select:hover{background-color:#00000080;border-color:#ffffff4d}.pro-select:focus{outline:none;border-color:#ffd400;background-color:#0009;box-shadow:0 0 0 3px #ffd40033,0 0 15px #ffd4004d}.pro-select option{background:#1a1a1a;color:#fff;padding:8px;border:none}.pro-select optgroup{background:#0a0a0a;color:#ffd400;font-weight:700;font-size:10px;padding:6px 8px}.pro-select optgroup option{background:#1a1a1a;color:#fff;padding-left:20px}.pro-range{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none}.pro-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#ffd400;cursor:pointer;box-shadow:0 2px 8px #ffd40066}.pro-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#ffd400;cursor:pointer;border:none;box-shadow:0 2px 8px #ffd40066}.pro-load-image-btn,.pro-generate-btn-additional,.pro-edit-btn,.pro-clear-btn{width:100%;padding:8px 12px;border-radius:6px;border:none;cursor:pointer;font-size:11px;font-weight:600;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:6px}.pro-load-image-btn{background:linear-gradient(135deg,#ffd400,#ffed4e);border:2px solid #ffd400;color:#000;font-weight:800;position:relative;overflow:hidden;box-shadow:0 2px 8px #ffd40066}.pro-load-image-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,212,0,.3),transparent);animation:neonRotate 3s linear infinite;opacity:0;transition:opacity .3s ease}.pro-load-image-btn:hover:before{opacity:1}.pro-load-image-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ffd40033,#ffd4000d);opacity:0;transition:opacity .3s ease}.pro-load-image-btn:hover{background:linear-gradient(135deg,#ffed4e,#ffd400);border-color:#ffd400;transform:translateY(-1px);box-shadow:0 4px 12px #ffd40080}.pro-load-image-btn:hover:after{opacity:1}.pro-load-image-btn i{position:relative;z-index:1;filter:drop-shadow(0 0 5px rgba(255,212,0,.8))}.pro-load-image-btn i,.pro-load-image-btn span{position:relative;z-index:1}@keyframes neonRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pro-generate-btn-additional{background:linear-gradient(135deg,#ffd400,#ffed4e);color:#000;margin-top:12px}.pro-generate-btn-additional:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ffd40080,0 0 30px #ffd4004d}.pro-edit-btn{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.pro-edit-btn:hover{background:#3b82f633;transform:translateY(-2px)}.pro-clear-btn{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#fca5a5}.pro-clear-btn:hover{background:#f8717133;transform:translateY(-2px)}.pro-viewer{display:flex;flex-direction:column;gap:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;overflow:hidden;min-height:600px;height:calc(100vh - 120px)}.pro-output-header-ultra-compact{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.header-title{font-size:14px;font-weight:700;color:#fff}.header-split{display:flex;align-items:center;gap:12px}.split-label-ultra{font-size:12px;color:#ffffffb3;font-weight:600}.pro-split-range-ultra{width:120px;height:4px;border-radius:2px;background:#ffffff1a;outline:none;-webkit-appearance:none}.pro-split-range-ultra::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#ffd400;cursor:pointer}.split-value-ultra{font-size:12px;color:#ffd400;font-weight:700;min-width:40px}.pro-viewer-content{flex:1;min-height:500px;height:100%;max-height:100%;border-radius:12px;overflow:hidden;background:#ffffff05;border:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:center}.pro-drop-area{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;box-sizing:border-box}.pro-drop-content{text-align:center}.drop-icon-wrapper{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#ffd4001a;border-radius:16px;color:#ffd400;font-size:28px}.drop-title{font-size:18px;font-weight:600;color:#fff;margin-bottom:8px}.drop-hint{font-size:14px;color:#fff9;display:block;margin-bottom:4px}.drop-limit{font-size:12px;color:#fff6}.pro-image-container{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box}.pro-image-container.hidden-container{display:none}.pro-image-container:not(.hidden-container){display:flex}.pro-image-container img,.pro-image-container #proBase{width:100%;height:100%;object-fit:contain;display:block}.pro-clip{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden}.pro-clip img{width:100%;height:100%;object-fit:contain;display:block}.pro-action-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pro-action-btn{padding:14px 20px;border-radius:12px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:6px;min-height:64px}.pro-action-btn.clear{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#fca5a5}.pro-action-btn.download{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#93c5fd}.pro-action-btn.generate{background:linear-gradient(135deg,#ffd400,#ffed4e);color:#000;border:none}.pro-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.pro-action-btn:disabled{opacity:.5;cursor:not-allowed}.pro-instruction{font-size:9px;color:#fff9;margin-top:6px;margin-bottom:0;line-height:1.3}.pro-edit-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px}.pro-size-control{margin-bottom:8px}.pro-size-control label{display:block;font-size:9px;color:#ffffffb3;margin-bottom:4px}.pro-checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 10px;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:6px;transition:all .2s ease;font-size:11px;color:#fffffff2;font-weight:500}.pro-checkbox-label:hover{background:#0006;border-color:#ffd4004d}.pro-checkbox-label input[type=checkbox]{display:none}.pro-checkmark{width:22px;height:22px;border:2px solid rgba(255,255,255,.4);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;background:#0000004d}.pro-checkbox-label:hover .pro-checkmark{border-color:#ffd40080}.pro-checkbox-label input[type=checkbox]:checked+.pro-checkmark{background:#ffd400;border-color:#ffd400;box-shadow:0 0 10px #ffd40080}.pro-checkmark i{font-size:14px;color:#000;opacity:0;transition:opacity .2s ease;font-weight:900}.pro-checkbox-label input[type=checkbox]:checked+.pro-checkmark i{opacity:1}.pro-continuity-desc{font-size:9px;color:#ffffffb3;margin-top:6px;margin-bottom:0;line-height:1.4;padding-left:32px}@media (max-width: 768px){.pro-workspace{grid-template-columns:1fr!important;gap:16px;padding:16px;height:auto;overflow-y:auto}.pro-sidebar{max-height:none;width:100%;max-width:100%;min-width:0;order:2;overflow:visible}.pro-viewer{order:1;min-height:400px;height:50vh;max-height:50vh}.pro-viewer-content{min-height:300px}.pro-mode-buttons{grid-template-columns:repeat(3,1fr)!important}.pro-action-buttons,.pro-edit-controls{grid-template-columns:1fr!important}.pro-action-btn{min-height:50px;flex-direction:row;justify-content:center}}.restaurar-panel{width:100%;min-height:calc(100vh - 80px);padding:20px;background:linear-gradient(135deg,#0a0b0d,#14151a,#0a0b0d);color:#fff;display:flex;flex-direction:column;gap:24px}.restaurar-header{text-align:center;margin-bottom:20px}.restaurar-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.restaurar-title i{font-size:32px;color:#ffd400}.restaurar-title h2{font-size:28px;font-weight:700;margin:0;background:linear-gradient(135deg,#ffd400,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.restaurar-subtitle{font-size:16px;color:#ffffffb3;margin:0}.restaurar-workspace{display:grid;grid-template-columns:400px 1fr;gap:24px;flex:1;max-width:1400px;margin:0 auto;width:100%}.restaurar-config{background:linear-gradient(135deg,#ffffff08,#ffffff03);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:16px;border:1px solid rgba(255,255,255,.06);padding:24px;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a;display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 200px);overflow-y:auto}.restaurar-config-header{text-align:center;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1)}.restaurar-config-header .restaurar-title{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.restaurar-config-header .restaurar-title i{font-size:24px;color:#ffd400}.restaurar-config-header .restaurar-title h2{font-size:20px;font-weight:700;margin:0;background:linear-gradient(135deg,#ffd400,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.restaurar-config-header .restaurar-subtitle{font-size:14px;color:#ffffffb3;margin:0}.restaurar-section{background:linear-gradient(135deg,#ffffff0a,#ffffff05);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:20px;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0d}.restaurar-section-header{margin-bottom:16px}.restaurar-section-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#ffd400;margin:0}.restaurar-section-header i{font-size:18px}.restaurar-drop-area{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#ffffff05,#ffffff03);backdrop-filter:blur(15px) saturate(140%);-webkit-backdrop-filter:blur(15px) saturate(140%);border:2px dashed rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:inset 0 1px #ffffff08}.restaurar-drop-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,rgba(255,212,0,.05) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.restaurar-drop-area:hover:before{opacity:1}.restaurar-drop-area:hover{border-color:#ffd40066;background:#ffd40008;transform:scale(1.01)}.restaurar-drop-area.drag{border-color:#ffd400;border-width:3px;background:linear-gradient(135deg,#ffd40026,#ffd4000d);box-shadow:0 0 30px #ffd40066,inset 0 0 40px #ffd4001a,0 8px 32px #0000004d;transform:scale(1.02);animation:pulse-drag .8s ease-in-out infinite}@keyframes pulse-drag{0%,to{box-shadow:0 0 30px #ffd40066,inset 0 0 40px #ffd4001a}50%{box-shadow:0 0 50px #ffd40099,inset 0 0 60px #ffd40026}}.restaurar-drop-content{text-align:center;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:16px}.restaurar-drop-icon{width:80px;height:80px;background:linear-gradient(135deg,#ffd40026,#ffd4000d);border-radius:20px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,212,0,.3)}.restaurar-drop-icon i{font-size:32px;color:#ffd400cc}.restaurar-drop-text h4{font-size:18px;color:#fff;margin:0 0 4px;font-weight:600}.restaurar-drop-text p{font-size:14px;color:#fff9;margin:0 0 8px}.restaurar-drop-hint{font-size:12px;color:#fff6;padding:4px 8px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.restaurar-camera-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border:1.5px solid rgba(59,130,246,.3);border-radius:10px;color:#3b82f6;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a;margin-top:12px}.restaurar-camera-btn:hover{background:linear-gradient(135deg,#3b82f633,#3b82f61a);border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 4px 16px #3b82f64d,inset 0 1px #fff3}.restaurar-camera-btn i{font-size:16px}.restaurar-new-upload-btn{width:100%;padding:12px 16px;background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1.5px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #00000026,inset 0 1px #ffffff1a;margin-top:12px}.restaurar-new-upload-btn:hover{background:linear-gradient(135deg,#22c55e33,#22c55e1a);border-color:#22c55e80;transform:translateY(-2px);box-shadow:0 4px 16px #22c55e4d,inset 0 1px #fff3}.restaurar-new-upload-btn i{font-size:16px}.restaurar-option{margin-bottom:16px}.restaurar-option label{display:block;font-size:14px;font-weight:600;color:#ffffffe6;margin-bottom:8px}.restaurar-select{width:100%;padding:10px 12px;background:#ffffff0a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:inset 0 1px #ffffff0d}.restaurar-select:hover{background:#ffffff0f;border-color:#ffd4004d}.restaurar-select:focus{outline:none;border-color:#ffd40066;box-shadow:0 0 0 3px #ffd4001a}.restaurar-select option{background:#1a1b1f!important;color:#fff!important;padding:8px 12px!important;font-size:14px!important}.restaurar-checkboxes{display:flex;flex-direction:column;gap:8px}.restaurar-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:#fffc;font-weight:500;padding:8px;border-radius:6px;transition:all .2s ease}.restaurar-checkbox:hover{background:#ffffff0d}.restaurar-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#ffd400}.restaurar-checkmark{display:none}.restaurar-textarea{width:100%;min-height:80px;padding:12px;background:#ffffff05;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fff;font-size:14px;line-height:1.6;resize:vertical;transition:all .3s ease;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffff0d}.restaurar-textarea:focus{outline:none;border-color:#ffd40066;background:#ffffff0a;box-shadow:0 0 0 3px #ffd4001a,0 4px 16px #ffd4001a,inset 0 1px #ffffff1a}.restaurar-textarea::placeholder{color:#fff6}.restaurar-generate-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#ffd400f2,#ffb800f2);border:2px solid rgba(255,212,0,1);border-radius:12px;color:#0a0b0d;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 16px #ffd40080,inset 0 1px #ffffff4d;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden}.restaurar-generate-btn:hover:not(:disabled){background:linear-gradient(135deg,#ffd400,#ffc800);transform:translateY(-3px);box-shadow:0 8px 24px #ffd400b3,inset 0 1px #fff6}.restaurar-generate-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ffd40080,inset 0 1px #ffffff4d}.restaurar-generate-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;background:#ffffff1a;border-color:#fff3;color:#fff9}.restaurar-generate-btn i{font-size:18px}.restaurar-generate-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:inherit;border-radius:inherit}.restaurar-spinner{width:20px;height:20px;border:2px solid rgba(0,0,0,.1);border-top:2px solid #0a0b0d;border-radius:50%;animation:spin 1s linear infinite}.restaurar-results{background:linear-gradient(135deg,#ffffff03,#ffffff01);backdrop-filter:blur(25px) saturate(200%);-webkit-backdrop-filter:blur(25px) saturate(200%);border-radius:16px;border:1px solid rgba(255,255,255,.06);padding:24px;box-shadow:inset -4px 0 20px #0000004d,inset 0 1px #ffffff05;display:flex;flex-direction:column;gap:20px}.restaurar-results-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1)}.restaurar-results-header h3{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:#ffd400;margin:0}.restaurar-results-actions{display:flex;gap:12px}.restaurar-action-btn{padding:8px 16px;background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fffc;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;box-shadow:inset 0 1px #ffffff0d}.restaurar-action-btn:hover:not(:disabled){background:#ffd4001a;border-color:#ffd4004d;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #ffd40033}.restaurar-action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.restaurar-image-container{position:relative;width:100%;height:600px;background:linear-gradient(135deg,#ffffff03,#ffffff01);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;border:1px solid rgba(255,255,255,.06);overflow:hidden;box-shadow:0 8px 40px #0000004d,inset 0 1px #ffffff05;display:flex;align-items:center;justify-content:center}.restaurar-processing{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;background:#000c;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:100}.restaurar-processing-content{text-align:center;padding:40px;max-width:400px}.restaurar-processing-spinner{width:80px;height:80px;margin:0 auto 30px;position:relative}.restaurar-spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#ffd400;border-radius:50%;animation:restaurar-spin 1.5s cubic-bezier(.68,-.55,.265,1.55) infinite}.restaurar-spinner-ring:nth-child(2){border-top-color:#ffd40099;animation-delay:.3s}.restaurar-spinner-ring:nth-child(3){border-top-color:#ffd4004d;animation-delay:.6s}@keyframes restaurar-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.restaurar-processing-content h3{font-size:24px;font-weight:700;color:#fff;margin:0 0 10px;background:linear-gradient(135deg,#ffd400,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.restaurar-processing-content p{font-size:16px;color:#ffffffb3;margin:0 0 30px}.restaurar-processing-steps{display:flex;flex-direction:column;gap:12px;margin-top:20px}.restaurar-step{display:flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.restaurar-step.active{background:#ffd4001a;border-color:#ffd4004d;color:#ffd400}.restaurar-step i{font-size:14px;width:16px;text-align:center}.restaurar-step span{font-size:14px;font-weight:500}.restaurar-result{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0}.restaurar-image-original,.restaurar-image-restored{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px;overflow:hidden}.restaurar-image-original img,.restaurar-image-restored img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:8px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a;transition:all .3s ease}.restaurar-image-original img:hover,.restaurar-image-restored img:hover{transform:scale(1.02);box-shadow:0 12px 48px #00000080,0 0 0 1px #ffd4004d}.restaurar-image-label{position:absolute;top:12px;left:12px;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;letter-spacing:.3px;z-index:10}.restaurar-split-line{position:absolute;top:0;bottom:0;left:50%;width:6px;background:linear-gradient(180deg,transparent 0%,rgba(255,212,0,.4) 10%,#ffd400 50%,rgba(255,212,0,.4) 90%,transparent 100%);transform:translate(-50%);z-index:100;display:none;pointer-events:auto;cursor:col-resize;box-shadow:0 0 30px #ffd40099,0 0 60px #ffd4004d;filter:drop-shadow(0 0 15px rgba(255,212,0,.5));transition:all .2s ease}.restaurar-split-line:hover{width:8px;background:linear-gradient(180deg,transparent 0%,rgba(255,212,0,.6) 10%,#ffd400 50%,rgba(255,212,0,.6) 90%,transparent 100%)}.restaurar-split-line.active{display:block!important}.restaurar-split-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(135deg,#ffd400,#ffed4e);border-radius:50%;border:3px solid rgba(0,0,0,.7);cursor:ew-resize;pointer-events:auto;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #ffd40080,0 0 40px #ffd4004d,inset 0 2px #fff9,inset 0 -2px #0003;transition:all .4s cubic-bezier(.25,.46,.45,.94)}.restaurar-split-handle:before{content:"";width:3px;height:16px;background:#000000b3;border-radius:2px;margin:0 2px;box-shadow:-4px 0 #000000b3,4px 0 #000000b3}.restaurar-split-handle:hover{transform:translate(-50%,-50%) scale(1.2);box-shadow:0 12px 48px #ffd400b3,0 0 60px #ffd40080,inset 0 2px #ffffffb3,inset 0 -2px #0000004d;border-color:#000000e6}.restaurar-compare-controls{position:absolute;bottom:20px;left:20px;right:20px;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:8px;padding:12px;border:1px solid rgba(255,255,255,.1)}.restaurar-compare-slider{display:flex;align-items:center;gap:12px}.restaurar-compare-slider label{font-size:12px;color:#fffc;font-weight:500;min-width:60px}.restaurar-range{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(90deg,#ffd40033,#ffffff1a);border-radius:2px;outline:none;cursor:pointer;border:1px solid rgba(255,212,0,.15);box-shadow:inset 0 1px 3px #0003;transition:all .2s ease}.restaurar-range:hover{background:linear-gradient(90deg,#ffd4004d,#ffffff26)}.restaurar-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ffd400,#ffed4e);border:2px solid rgba(0,0,0,.4);cursor:grab;box-shadow:0 2px 8px #ffd40066,0 0 20px #ffd40033,inset 0 1px #fff6;transition:all .2s cubic-bezier(.4,0,.2,1)}.restaurar-range::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #ffd40099,0 0 30px #ffd4004d,inset 0 1px #ffffff80;border-color:#00000080}.restaurar-range::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05)}.restaurar-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,#ffd400,#ffed4e);border:2px solid rgba(0,0,0,.4);cursor:grab;box-shadow:0 2px 8px #ffd40066,0 0 20px #ffd40033}.restaurar-compare-slider span{font-size:12px;color:#ffd400;font-weight:600;min-width:30px;text-align:right}.restaurar-result-info{display:flex;gap:20px;padding:16px;background:#ffffff05;border-radius:8px;border:1px solid rgba(255,255,255,.06)}.restaurar-info-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#fffc}.restaurar-info-item i{color:#ffd400;font-size:14px}.restaurar-info-item strong{color:#fff;font-weight:600}.restaurar-history{background:linear-gradient(135deg,#ffffff05,#ffffff03);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;border:1px solid rgba(255,255,255,.06);padding:20px;box-shadow:0 4px 16px #0003,inset 0 1px #ffffff0a}.restaurar-history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.restaurar-history-header h3{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#ffd400;margin:0}.restaurar-clear-history{padding:6px 12px;background:#f871711a;border:1px solid rgba(248,113,113,.2);border-radius:6px;color:#f87171;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:4px}.restaurar-clear-history:hover{background:#f8717126;border-color:#f8717166;transform:translateY(-1px)}.restaurar-history-list{display:flex;flex-direction:column;gap:8px}.restaurar-no-history{text-align:center;color:#fff6;font-style:italic;padding:20px}.restaurar-no-history i{font-size:24px;margin-bottom:8px;display:block}@media (max-width: 1024px){.restaurar-workspace{grid-template-columns:350px 1fr;gap:20px}.restaurar-config{padding:20px}}@media (max-width: 768px){.restaurar-panel{padding:16px}.restaurar-workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:16px}.restaurar-config{order:1;padding:16px;max-height:400px}.restaurar-results{order:2;padding:16px}.restaurar-image-container{height:300px}.restaurar-title h2{font-size:24px}.restaurar-subtitle{font-size:14px}}@media (max-width: 480px){.restaurar-panel,.restaurar-config,.restaurar-results{padding:12px}.restaurar-image-container{height:250px}.restaurar-drop-area{height:150px}.restaurar-drop-icon{width:60px;height:60px}.restaurar-drop-icon i{font-size:24px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fadeInDown .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-left{animation:fadeInLeft .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fade-in-right{animation:fadeInRight .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes scaleInBounce{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-bounce{animation:scaleInBounce .6s cubic-bezier(.68,-.55,.265,1.55) forwards}@keyframes blurIn{0%{opacity:0;filter:blur(20px);transform:scale(1.1)}to{opacity:1;filter:blur(0);transform:scale(1)}}.animate-blur-in{animation:blurIn .6s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideUpFade{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUpFade .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #ffd4004d}50%{box-shadow:0 0 40px #ffd40099}}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseScale{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.animate-pulse-scale{animation:pulseScale 2s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes gradientFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.animate-gradient{background-size:200% 200%;animation:gradientFlow 4s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes bounce{0%,to{transform:translateY(0);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(-25%);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes spinnerRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-ring{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-top-color:#ffd400;border-radius:50%;animation:spinnerRing .8s linear infinite}.spinner-ring.small{width:24px;height:24px;border-width:2px}.spinner-ring.large{width:64px;height:64px;border-width:4px}@keyframes dotsLoading{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.loading-dots{display:flex;gap:8px}.loading-dots .dot{width:10px;height:10px;background:#ffd400;border-radius:50%;animation:dotsLoading 1.4s ease-in-out infinite}.loading-dots .dot:nth-child(1){animation-delay:0s}.loading-dots .dot:nth-child(2){animation-delay:.16s}.loading-dots .dot:nth-child(3){animation-delay:.32s}.progress-bar{position:relative;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ffd400,#ffed4e);border-radius:2px;transition:width .3s ease}.progress-bar:after{content:"";position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:progressShimmer 1.5s infinite}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;border-radius:8px;animation:skeletonShimmer 1.5s infinite}@keyframes buttonPress{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.btn-press:active{animation:buttonPress .1s ease-out}@keyframes ripple{0%{transform:scale(0);opacity:1}to{transform:scale(4);opacity:0}}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;background:#ffffff4d;border-radius:50%;transform:scale(0);animation:ripple .6s linear;pointer-events:none}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-shake{animation:shake .5s ease-in-out}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;animation:checkmark .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmark .3s cubic-bezier(.65,0,.45,1) .8s forwards}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}.hover-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 30px #ffd40066}.hover-border-glow{transition:border-color .3s ease,box-shadow .3s ease}.hover-border-glow:hover{border-color:#ffd40080;box-shadow:0 0 20px #ffd40033}.hover-text-glow{transition:text-shadow .3s ease,color .3s ease}.hover-text-glow:hover{color:#ffd400;text-shadow:0 0 20px rgba(255,212,0,.5)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate-fade-out{animation:fadeOut .3s ease-out forwards}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.animate-scale-out{animation:scaleOut .3s ease-out forwards}@keyframes slideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}.animate-slide-out-down{animation:slideOutDown .3s ease-out forwards}.stagger-animation>*{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.stagger-animation>*:nth-child(1){animation-delay:.1s}.stagger-animation>*:nth-child(2){animation-delay:.2s}.stagger-animation>*:nth-child(3){animation-delay:.3s}.stagger-animation>*:nth-child(4){animation-delay:.4s}.stagger-animation>*:nth-child(5){animation-delay:.5s}.stagger-animation>*:nth-child(6){animation-delay:.6s}.stagger-animation>*:nth-child(7){animation-delay:.7s}.stagger-animation>*:nth-child(8){animation-delay:.8s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.will-change-transform{will-change:transform}.will-change-opacity{will-change:opacity}.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden;perspective:1000px}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{background:#000000e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:16px 20px;color:#fff;font-size:14px;font-weight:500;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(255,255,255,.1);min-width:300px;max-width:400px;pointer-events:auto;animation:slideInRight .3s var(--ease-smooth);position:relative;overflow:hidden}.toast:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#ffd400,#ffed4e)}.toast-success{border-left:4px solid #22c55e}.toast-success:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.toast-error{border-left:4px solid #ef4444}.toast-error:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.toast-warning{border-left:4px solid #f59e0b}.toast-warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.toast-info{border-left:4px solid #3b82f6}.toast-info:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.toast-icon{display:inline-flex;align-items:center;gap:8px;margin-bottom:4px}.toast-icon i{font-size:16px}.toast-title{font-weight:600;margin-bottom:4px}.toast-message{opacity:.9;line-height:1.4}.toast-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#fff9;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.toast-close:hover{color:#fff;background:#ffffff1a}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #ffd400;border-radius:50%;animation:spin 1s linear infinite}.loading-text{color:#fff;font-size:14px;font-weight:500;margin-top:16px;text-align:center}.loading-dots{display:inline-block;position:relative;width:20px;height:20px}.loading-dots div{position:absolute;top:8px;width:4px;height:4px;border-radius:50%;background:#ffd400;animation:loadingDots 1.4s infinite ease-in-out both}.loading-dots div:nth-child(1){animation-delay:-.32s}.loading-dots div:nth-child(2){animation-delay:-.16s}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.btn-loading{position:relative;pointer-events:none;opacity:.8}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;animation:successPulse .6s ease}.btn-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;animation:errorShake .5s ease}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;animation:warningBounce .5s ease}.input-success{border-color:#22c55e!important;box-shadow:0 0 0 3px #22c55e1a!important}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important;animation:errorShake .5s ease}.input-warning{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}.input-focus{border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f61a!important}.progress-container{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin:8px 0}.progress-bar{height:100%;background:linear-gradient(90deg,#ffd400,#ffed4e);border-radius:2px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s ease-in-out infinite}.progress-text{font-size:12px;color:#ffffffb3;text-align:center;margin-top:4px}.hover-feedback{transition:all .3s cubic-bezier(.25,.46,.45,.94)}.hover-feedback:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0003}.hover-feedback:active{transform:translateY(0);box-shadow:0 4px 16px #0000001a}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple:active:before{width:300px;height:300px}.checkmark{width:20px;height:20px;border-radius:50%;display:inline-block;stroke-width:2;stroke:#22c55e;stroke-miterlimit:10;box-shadow:inset 0 0 #22c55e;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#22c55e;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark-check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{to{stroke-dashoffset:0}}@keyframes scale{0%,to{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{to{box-shadow:inset 0 0 0 30px #22c55e}}.error-cross{width:20px;height:20px;border-radius:50%;display:inline-block;stroke-width:2;stroke:#ef4444;stroke-miterlimit:10;box-shadow:inset 0 0 #ef4444;animation:fill-error .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.error-cross-circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#ef4444;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.error-cross-line{stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes fill-error{to{box-shadow:inset 0 0 0 30px #ef4444}}@media (max-width: 768px){.toast-container{top:10px;right:10px;left:10px}.toast{min-width:auto;max-width:none;font-size:13px;padding:12px 16px}.loading-overlay{padding:20px}.loading-spinner{width:32px;height:32px}}@media (prefers-reduced-motion: reduce){.toast,.loading-spinner{animation:none}.btn-loading:after{animation:none}.ripple:before{transition:none}}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}:root{--vh: 1vh}@media (max-width: 768px){.full-height{height:calc(var(--vh, 1vh) * 100)}}@media (hover: none) and (pointer: coarse){.hover-lift:hover,.hover-scale:hover,.hover-glow:hover{transform:none;box-shadow:inherit}.hover-lift:active,.hover-scale:active{transform:scale(.98);opacity:.9}button,a,[role=button],.clickable{min-height:44px;min-width:44px}*{touch-action:manipulation}}@media (max-width: 768px){#asistentePanel{height:100vh;height:100dvh;padding:0!important;overflow:hidden;position:fixed;top:0;left:0;right:0;bottom:0;z-index:50}.chat-container{position:absolute;top:60px;left:0;right:0;bottom:90px;padding:15px 12px 20px!important;overflow-y:auto;-webkit-overflow-scrolling:touch}.chat-input-bar{position:fixed!important;bottom:0!important;left:0!important;right:0!important;padding:10px 12px!important;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;background:#0a0b0dfa!important;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,255,255,.15)!important;z-index:10000!important;box-shadow:0 -4px 20px #00000080}.input-container{display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:8px!important;max-width:100%!important;width:100%!important}.input-wrapper{flex:1!important;min-width:0!important;max-width:100%!important;padding:8px 12px!important;background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;display:flex!important;align-items:flex-end!important;gap:8px!important}.input-wrapper textarea{flex:1!important;min-width:0!important;max-width:100%!important;font-size:16px!important;min-height:20px!important;max-height:120px!important;line-height:1.4!important;resize:none!important;overflow-y:auto!important;background:transparent!important;border:none!important;padding:0!important;color:#fff!important;font-family:inherit!important}.input-wrapper textarea::placeholder{color:#ffffff80!important}.input-wrapper textarea:focus{outline:none!important}.upload-btn,.reset-btn{min-width:44px!important;width:44px!important;height:44px!important;padding:0!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.input-wrapper .send-btn{min-width:40px!important;width:40px!important;height:40px!important;padding:0!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.message-content{max-width:85%!important;word-wrap:break-word!important;overflow-wrap:break-word!important}.upload-preview{max-width:90%!important;margin:10px auto!important}}@media (max-width: 480px){.chat-container{padding:12px 10px 20px!important}.chat-input-bar{padding:8px 10px!important;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))!important}.input-container{gap:6px!important}.input-wrapper{padding:6px 10px!important}.upload-btn,.reset-btn{min-width:40px!important;width:40px!important;height:40px!important}.input-wrapper .send-btn{min-width:36px!important;width:36px!important;height:36px!important}}@media (max-width: 768px){.hero-premium{min-height:100vh;min-height:100dvh;padding:80px 20px 40px!important}.hero-content-premium{padding:0!important}.hero-title-premium{font-size:32px!important;line-height:1.2!important;margin-bottom:20px!important}.hero-badge-premium{font-size:12px!important;padding:8px 16px!important;margin-bottom:20px!important}.hero-description-premium{font-size:16px!important;line-height:1.5!important;margin-bottom:30px!important}.hero-actions-premium{flex-direction:column!important;gap:12px!important;width:100%!important}.btn-premium-primary,.btn-premium-secondary{width:100%!important;padding:16px 24px!important;font-size:16px!important}.trust-indicators{flex-direction:column!important;gap:16px!important;margin-top:30px!important}.trust-item{width:100%!important}.before-after-hero{padding:60px 20px!important}.comparison-container{flex-direction:column!important;gap:20px!important}.comparison-image{width:100%!important}.comparison-arrow{transform:rotate(90deg)!important;margin:10px 0!important}.stats-grid-premium{grid-template-columns:1fr!important;gap:20px!important;padding:40px 20px!important}.features-grid-premium{gap:40px!important}.feature-premium{flex-direction:column!important}.feature-visual{width:100%!important}.gallery-grid-premium{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 768px){.galeria-panel{padding:80px 12px 20px!important;min-height:auto!important}.galeria-header{margin-bottom:30px!important}.header-title h2{font-size:28px!important}.header-title i{font-size:32px!important}.galeria-filters{flex-direction:column!important;gap:12px!important}.filter-group,.filter-select{width:100%!important}.galeria-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.galeria-item{aspect-ratio:1!important}}@media (max-width: 480px){.galeria-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.plantillas-panel{padding:80px 12px 20px!important}.plantillas-header{margin-bottom:24px!important}.header-title h2{font-size:24px!important}.plantillas-categories{flex-wrap:wrap!important;gap:8px!important;margin-bottom:24px!important}.category-btn{flex:1 1 calc(50% - 4px)!important;min-width:0!important;font-size:13px!important;padding:12px 16px!important}.plantillas-grid{grid-template-columns:1fr!important;gap:20px!important}.plantilla-card{padding:16px!important}.plantilla-visual{flex-direction:column!important;gap:12px!important}.visual-before,.visual-after{width:100%!important}.template-work-area{padding:16px 12px!important}.template-drop-area{padding:40px 20px!important}}@media (max-width: 768px){.pro-panel{padding-top:80px!important;padding-bottom:20px!important}.pro-workspace{grid-template-columns:1fr!important;gap:0!important;flex-direction:column!important}.pro-sidebar{position:relative!important;width:100%!important;max-width:100%!important;border-right:none!important;border-bottom:1px solid rgba(255,255,255,.1)!important;padding:16px!important;order:2!important}.pro-main{order:1!important;width:100%!important;padding:16px!important}.pro-action-buttons{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.pro-mode-btn{padding:12px 8px!important;font-size:11px!important}.pro-controls{padding:16px!important}.pro-canvas-container{min-height:300px!important;max-height:50vh!important}}@media (max-width: 768px){.restaurar-panel{padding:80px 12px 20px!important}.restaurar-workspace{flex-direction:column!important;gap:24px!important}.restaurar-config,.restaurar-results{width:100%!important}.restaurar-image-container{flex-direction:column!important}.restaurar-image-original,.restaurar-image-restored{width:100%!important}.restaurar-drop-area{padding:40px 20px!important}}@media (max-width: 768px){*{max-width:100%;box-sizing:border-box}body{-webkit-overflow-scrolling:touch;overflow-x:hidden}button,.btn,a.nav-tab{min-height:44px;min-width:44px;touch-action:manipulation}input,textarea,select{font-size:16px!important;touch-action:manipulation}img{max-width:100%;height:auto;object-fit:cover}.panel-apple,.asistente-panel,.galeria-panel,.plantillas-panel,.pro-panel,.restaurar-panel{padding-left:max(12px,env(safe-area-inset-left,0px))!important;padding-right:max(12px,env(safe-area-inset-right,0px))!important}.header-subtitle,.small,.muted{color:#fffc!important}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ffd40080;border-radius:2px}::-webkit-scrollbar-track{background:#ffffff0d}}@media (max-width: 768px){input[type=text],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:16px!important}@media (max-width: 320px){input[type=text],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=url],textarea,select{font-size:14px!important}}}.daily-bonus-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:11000;opacity:0;pointer-events:none;transition:opacity .3s ease}.daily-bonus-modal.active{opacity:1;pointer-events:auto}.daily-bonus-content{background:linear-gradient(135deg,#1a1b1f,#0f1014);border:1px solid rgba(255,212,0,.3);border-radius:24px;padding:40px;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #0009,0 0 30px #ffd40026,inset 0 1px #ffffff1a;transform:scale(.9) translateY(20px);transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.daily-bonus-modal.active .daily-bonus-content{transform:scale(1) translateY(0)}.daily-bonus-icon{width:80px;height:80px;margin:0 auto 24px;background:radial-gradient(circle at 30% 30%,#ffd400,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;color:#000;box-shadow:0 10px 30px #ffd40066,inset 0 -5px 10px #0000001a;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.daily-bonus-title{font-size:28px;font-weight:800;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(to right,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:transparent}.daily-bonus-subtitle{font-size:16px;color:#fff9;margin-bottom:32px;line-height:1.5}.daily-bonus-amount{font-size:48px;font-weight:900;color:#ffd400;margin:10px 0;text-shadow:0 0 20px rgba(255,212,0,.4);display:flex;align-items:center;justify-content:center;gap:10px}.daily-bonus-amount span{font-size:24px;font-weight:600;color:#fffc;text-shadow:none}.daily-bonus-btn{background:linear-gradient(135deg,#ffd400,#ffed4e);color:#000;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;width:100%;transition:all .3s ease;box-shadow:0 8px 20px #ffd4004d;margin-top:10px;position:relative;overflow:hidden}.daily-bonus-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffd40066}.daily-bonus-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmerBtn 2s infinite}.streak-container{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.streak-day{width:30px;height:30px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff6;border:1px solid rgba(255,255,255,.1)}.streak-day.active{background:#ffd400;color:#000;font-weight:700;border-color:#ffd400;box-shadow:0 0 10px #ffd4004d}.streak-day.future{background:#ffffff0d}.card-premium{position:relative;background:#14141c99;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.card-premium:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.card-premium:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(255,212,0,.02) 50%,transparent 100%);opacity:0;transition:opacity .4s ease;pointer-events:none}.card-premium:hover{border-color:#ffd40033;transform:translateY(-6px);box-shadow:0 30px 60px #0006,0 0 0 1px #ffd4001a}.card-premium:hover:after{opacity:1}.card-visual{position:relative;overflow:hidden}.card-visual .card-image{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:16px;margin-bottom:20px}.card-visual .card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.card-visual:hover .card-image img{transform:scale(1.08)}.card-visual .card-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.6) 100%);opacity:0;transition:opacity .3s ease}.card-visual:hover .card-image-overlay{opacity:1}.card-title{font-size:20px;font-weight:700;color:#fff;margin-bottom:8px;letter-spacing:-.02em}.card-description{font-size:14px;color:#fff9;line-height:1.6;margin-bottom:16px}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.card-tag{padding:4px 10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:20px;font-size:11px;font-weight:500;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em}.card-tag.highlight{background:#ffd4001a;border-color:#ffd4004d;color:#ffd400}.btn-action-primary{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#ffd400,#ffed4e);color:#0a0a0a;border:none;border-radius:14px;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;cursor:pointer;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #ffd4004d,inset 0 1px #ffffff4d}.btn-action-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.btn-action-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #ffd40080,0 0 60px #ffd40033}.btn-action-primary:hover:before{left:100%}.btn-action-primary:active{transform:translateY(-1px)}.btn-action-primary:disabled{background:#ffffff1a;color:#ffffff4d;cursor:not-allowed;box-shadow:none}.btn-action-primary:disabled:hover{transform:none}.btn-action-secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:14px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;cursor:pointer;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease}.btn-action-secondary:hover{background:#ffffff1a;border-color:#ffd40066;color:#ffd400;transform:translateY(-2px)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;color:#fffc;border:1px solid rgba(255,255,255,.2);border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-outline:hover{background:#ffffff0d;border-color:#fff6;color:#fff}.btn-outline.btn-primary{border-color:#ffd40066;color:#ffd400}.btn-outline.btn-primary:hover{background:#ffd4001a;border-color:#ffd400}.btn-icon-only{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffb3;font-size:18px;cursor:pointer;transition:all .3s ease}.btn-icon-only:hover{background:#ffffff1a;border-color:#ffd40066;color:#ffd400;transform:scale(1.05)}.btn-fab{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#ffd400,#ffed4e);border:none;border-radius:50%;color:#0a0a0a;font-size:24px;cursor:pointer;box-shadow:0 8px 30px #ffd40066,0 4px 15px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:100}.btn-fab:hover{transform:scale(1.1) translateY(-4px);box-shadow:0 12px 40px #ffd40080,0 6px 20px #0006}.input-premium{width:100%;padding:16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-family:Outfit,sans-serif;font-size:15px;transition:all .3s ease;outline:none}.input-premium::placeholder{color:#ffffff59}.input-premium:hover{border-color:#fff3;background:#ffffff0d}.input-premium:focus{border-color:#ffd400;background:#ffd40008;box-shadow:0 0 0 3px #ffd4001a}.textarea-premium{width:100%;min-height:140px;padding:18px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;color:#fff;font-family:Outfit,sans-serif;font-size:15px;line-height:1.6;resize:vertical;transition:all .3s ease;outline:none}.textarea-premium::placeholder{color:#ffffff59}.textarea-premium:focus{border-color:#ffd400;background:#ffd40008;box-shadow:0 0 0 3px #ffd4001a}.select-premium{width:100%;padding:16px 48px 16px 20px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:#fff;font-family:Outfit,sans-serif;font-size:15px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffd400' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:20px;transition:all .3s ease;outline:none}.select-premium:hover{border-color:#fff3}.select-premium:focus{border-color:#ffd400;box-shadow:0 0 0 3px #ffd4001a}.select-premium option{background:#1a1a22;color:#fff;padding:12px}.drop-zone-premium{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:40px;background:linear-gradient(135deg,#ffffff05,#ffffff03);border:2px dashed rgba(255,255,255,.15);border-radius:24px;cursor:pointer;transition:all .4s ease;overflow:hidden}.drop-zone-premium:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,rgba(255,212,0,.05) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.drop-zone-premium:hover,.drop-zone-premium.active{border-color:#ffd40080;background:linear-gradient(135deg,#ffd40008,#ffd40003)}.drop-zone-premium:hover:before,.drop-zone-premium.active:before{opacity:1}.drop-zone-icon{position:relative;z-index:1;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#ffd4001a;border:2px solid rgba(255,212,0,.3);border-radius:24px;margin-bottom:24px;font-size:32px;color:#ffd400;transition:all .3s ease}.drop-zone-premium:hover .drop-zone-icon{transform:scale(1.1);box-shadow:0 0 30px #ffd4004d}.drop-zone-title{position:relative;z-index:1;font-size:20px;font-weight:700;color:#fff;margin-bottom:8px}.drop-zone-subtitle{position:relative;z-index:1;font-size:14px;color:#ffffff80;margin-bottom:4px}.drop-zone-hint{position:relative;z-index:1;font-size:12px;color:#ffffff59}.badge-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffd4001a;border:1px solid rgba(255,212,0,.3);border-radius:100px;font-size:11px;font-weight:700;color:#ffd400;text-transform:uppercase;letter-spacing:.08em}.badge-premium.badge-new{background:#00d4ff1a;border-color:#00d4ff4d;color:#00d4ff}.badge-premium.badge-pro{background:linear-gradient(135deg,#ffd40026,#a855f726);border-color:#ffd40066;color:#ffd400;box-shadow:0 0 20px #ffd40033}.badge-premium.badge-beta{background:#a855f71a;border-color:#a855f74d;color:#a855f7}.tooltip-container{position:relative;display:inline-block}.tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(5px);padding:10px 16px;background:#14141cf2;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:13px;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000;box-shadow:0 10px 30px #0006}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#14141cf2}.tooltip-container:hover .tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.progress-premium{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-premium-bar{height:100%;background:linear-gradient(90deg,#ffd400,#ffed4e);border-radius:4px;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.progress-premium-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:progressShimmer 1.5s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(200%)}}@media (max-width: 768px){.card-premium{padding:20px;border-radius:16px}.btn-action-primary,.btn-action-secondary{padding:14px 20px;font-size:14px;border-radius:12px}.input-premium,.textarea-premium,.select-premium{padding:14px 16px;font-size:14px;border-radius:12px}.drop-zone-premium{min-height:220px;padding:30px 20px;border-radius:20px}.drop-zone-icon{width:64px;height:64px;font-size:26px;border-radius:18px;margin-bottom:20px}.drop-zone-title{font-size:18px}.btn-fab{bottom:20px;right:20px;width:56px;height:56px;font-size:22px}}@media (max-width: 480px){.card-premium{padding:16px;border-radius:14px}.card-title{font-size:18px}.card-description{font-size:13px}}.onboarding-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.onboarding-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.onboarding-container{position:relative;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(180deg,#1a1a1a,#0d0d0d);border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:50px 40px 40px;animation:onboardingIn .5s ease;box-shadow:0 30px 80px #000c;margin:auto}.onboarding-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#ffffffb3;font-size:16px;cursor:pointer;transition:all .3s ease;z-index:10}.onboarding-close:hover{background:#fff3;color:#fff;transform:scale(1.1)}@keyframes onboardingIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.onboarding-steps-indicator{display:flex;justify-content:center;gap:10px;margin-bottom:32px}.step-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .3s ease}.step-dot.active{width:32px;border-radius:5px;background:linear-gradient(135deg,#ffd400,#ffed4e)}.step-dot.completed{background:#22c55e}.onboarding-step{text-align:center;animation:stepFade .4s ease}@keyframes stepFade{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.step-visual{margin-bottom:28px}.visual-icon{width:100px;height:100px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd40033,#ffed4e1a);border:2px solid rgba(255,212,0,.4);border-radius:28px;font-size:42px;color:#ffd400;position:relative;animation:iconPulse 2s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.visual-glow{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;background:radial-gradient(circle,rgba(255,212,0,.2) 0%,transparent 70%);border-radius:50%;z-index:-1}.onboarding-step h2{font-family:Outfit,sans-serif;font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.onboarding-step>p{font-size:16px;color:#fff9;margin:0 0 24px;line-height:1.6}.step-features{display:flex;flex-direction:column;gap:12px;text-align:left;background:#ffffff08;border-radius:16px;padding:20px}.feature-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#fffc}.feature-item i{color:#22c55e;font-size:18px}.how-it-works{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px}.how-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}.how-number{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#ffd400;border-radius:50%;font-size:12px;font-weight:700;color:#0a0a0a;display:flex;align-items:center;justify-content:center}.how-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;font-size:24px;color:#ffd400}.how-step span{font-size:13px;color:#ffffffb3;font-weight:500}.how-arrow{color:#ffffff4d;font-size:18px}.example-comparison{display:flex;align-items:center;justify-content:center;gap:16px}.example-before,.example-after{position:relative;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.example-after{border-color:#ffd40066}.example-before img,.example-after img{width:140px;height:100px;object-fit:cover;display:block}.example-label{position:absolute;bottom:8px;left:50%;transform:translate(-50%);padding:4px 12px;background:#000c;border-radius:100px;font-size:10px;font-weight:700;color:#ffffffe6;letter-spacing:.05em}.example-after .example-label{background:#ffd400;color:#0a0a0a}.example-arrow{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffd40033;border-radius:50%;color:#ffd400;font-size:16px;animation:arrowBounce 1s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.onboarding-nav{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.onboarding-skip{padding:12px 20px;background:transparent;border:none;color:#ffffff80;font-size:14px;font-weight:500;cursor:pointer;transition:color .3s ease}.onboarding-skip:hover{color:#fffc}.onboarding-next{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#ffd400,#ffed4e);border:none;border-radius:14px;color:#0a0a0a;font-family:Outfit,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease}.onboarding-next:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ffd40066}.onboarding-next.finish{background:linear-gradient(135deg,#22c55e,#4ade80)}@media (max-width: 600px){.onboarding-modal{padding:10px;align-items:center}.onboarding-container{padding:45px 16px 20px;border-radius:20px;max-height:95vh;margin:auto;display:flex;flex-direction:column}.onboarding-close{top:10px;right:10px;width:32px;height:32px;font-size:14px}.onboarding-steps-indicator{margin-bottom:16px;flex-shrink:0}.onboarding-step{flex:1;display:flex;flex-direction:column;min-height:0}.onboarding-step h2{font-size:20px;margin-bottom:6px;flex-shrink:0}.onboarding-step>p{font-size:13px;margin-bottom:12px;flex-shrink:0}.step-visual{margin-bottom:12px;flex-shrink:0}.visual-icon{width:60px;height:60px;font-size:26px;border-radius:16px}.visual-glow{top:-10px;right:-10px;bottom:-10px;left:-10px}.step-features{padding:12px;gap:8px;flex-shrink:0}.feature-item{font-size:13px;gap:8px}.feature-item i{font-size:14px}.how-it-works{flex-direction:row;flex-wrap:nowrap;gap:8px;padding:12px 8px;justify-content:center}.how-step{gap:4px}.how-icon{width:44px;height:44px;font-size:18px;border-radius:12px}.how-number{width:18px;height:18px;font-size:10px;top:-4px;right:-4px}.how-step span{font-size:10px}.how-arrow{transform:none;font-size:12px;display:flex;align-items:center}.example-comparison{flex-direction:row;gap:8px;justify-content:center;flex-wrap:nowrap}.example-before,.example-after{border-radius:10px}.example-before img,.example-after img{width:110px;height:75px}.example-label{font-size:8px;padding:2px 8px;bottom:4px}.example-arrow{transform:none;width:26px;height:26px;font-size:12px;flex-shrink:0}.onboarding-nav{flex-direction:row;gap:10px;flex-shrink:0;position:sticky;bottom:0;background:linear-gradient(0deg,#0d0d0d,#0d0d0df2);margin:16px -16px -20px;padding:16px;border-radius:0 0 20px 20px}.onboarding-skip{padding:10px 14px;font-size:13px}.onboarding-next{padding:12px 20px;font-size:14px;border-radius:12px;flex:1;justify-content:center}}.generation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;animation:overlayIn .3s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.generation-content{text-align:center;max-width:400px;padding:40px}.generation-animation{width:120px;height:120px;margin:0 auto 32px;position:relative}.generation-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid transparent;border-radius:50%;animation:ringRotate 1.5s linear infinite}.generation-ring:nth-child(1){border-top-color:#ffd400;animation-duration:1s}.generation-ring:nth-child(2){top:12px;right:12px;bottom:12px;left:12px;border-right-color:#ffed4e;animation-duration:1.3s;animation-direction:reverse}.generation-ring:nth-child(3){top:24px;right:24px;bottom:24px;left:24px;border-bottom-color:#ffd40080;animation-duration:.9s}.generation-icon{position:absolute;top:36px;right:36px;bottom:36px;left:36px;display:flex;align-items:center;justify-content:center;background:#ffd4001a;border-radius:50%;font-size:28px;color:#ffd400;animation:iconPulse 1s ease-in-out infinite}@keyframes ringRotate{to{transform:rotate(360deg)}}@keyframes iconPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.generation-title{font-family:Outfit,sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.generation-status{font-size:15px;color:#fff9;margin:0 0 24px;min-height:24px}.progress-bar-container{width:100%;height:8px;background:#ffffff1a;border-radius:100px;overflow:hidden;margin-bottom:16px}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ffd400,#ffed4e,#ffd400);background-size:200% 100%;border-radius:100px;transition:width .3s ease;animation:progressShimmer 1.5s linear infinite}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.generation-time{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:#ffffff80}.generation-time i{font-size:12px}.generation-messages{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}.generation-tip{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:#ffd4001a;border:1px solid rgba(255,212,0,.2);border-radius:12px;font-size:13px;color:#fffc}.generation-tip i{color:#ffd400;font-size:16px}.generation-cancel{margin-top:24px;padding:10px 24px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#ffffff80;font-size:13px;cursor:pointer;transition:all .3s ease}.generation-cancel:hover{border-color:#fff6;color:#fffc}.comparison-slider-container{position:relative;width:100%;max-width:800px;margin:0 auto;border-radius:20px;overflow:hidden;background:#0a0a0a;box-shadow:0 20px 60px #00000080}.comparison-slider{position:relative;width:100%;aspect-ratio:16/10;cursor:ew-resize;-webkit-user-select:none;user-select:none}.comparison-image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.comparison-image-wrapper.before{z-index:1}.comparison-image-wrapper.after{z-index:2;clip-path:inset(0 50% 0 0)}.comparison-slider img{width:100%;height:100%;object-fit:cover;pointer-events:none}.slider-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background:#ffd400;z-index:10;transform:translate(-50%);cursor:ew-resize}.slider-handle:before,.slider-handle:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:2px;height:20px;background:#ffffff80}.slider-handle:before{top:20px}.slider-handle:after{bottom:20px}.slider-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#ffd400;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006}.slider-button i{color:#0a0a0a;font-size:18px}.comparison-label{position:absolute;bottom:16px;padding:8px 16px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:100px;font-size:12px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em;z-index:5}.comparison-label.before-label{left:16px}.comparison-label.after-label{right:16px;background:#ffd400e6;color:#0a0a0a}@media (max-width: 768px){.generation-content{padding:24px}.generation-animation{width:100px;height:100px}.generation-icon{top:30px;right:30px;bottom:30px;left:30px;font-size:24px}.generation-title{font-size:20px}.slider-button{width:40px;height:40px}}.favorite-btn{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);color:#ffffffb3;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.favorite-btn:hover{background:#ffd40033;border-color:#ffd40066;color:#ffd400;transform:scale(1.1)}.favorite-btn.active{background:#ffd400;border-color:transparent;color:#0a0a0a}.favorite-btn.active i{animation:heartPop .3s ease}@keyframes heartPop{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.favorites-filter{display:flex;gap:12px;margin-bottom:20px}.filter-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:#fff9;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#ffffff0f;border-color:#ffffff26}.filter-btn.active{background:linear-gradient(135deg,#ffd400,#ffed4e);border-color:transparent;color:#0a0a0a}.filter-btn .count{padding:2px 8px;background:#0003;border-radius:100px;font-size:11px;font-weight:600}.filter-btn.active .count{background:#0003}.popular-templates-section{margin-bottom:48px}.section-header-popular{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title-popular{display:flex;align-items:center;gap:12px}.section-title-popular h3{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0}.popular-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-radius:100px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.popular-badge i{font-size:10px}.see-all-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#ffffffb3;font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.see-all-btn:hover{border-color:#ffd40066;color:#ffd400}.popular-templates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.popular-template-card{position:relative;border-radius:16px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.06);cursor:pointer;transition:all .4s ease}.popular-template-card:hover{border-color:#ffd4004d;transform:translateY(-4px);box-shadow:0 15px 40px #0006}.popular-template-card .template-image{aspect-ratio:4/3;overflow:hidden}.popular-template-card .template-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.popular-template-card:hover .template-image img{transform:scale(1.08)}.popular-template-card .template-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:16px}.popular-template-card .template-name{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:#fff;margin:0 0 4px}.popular-template-card .template-uses{font-size:12px;color:#ffffff80;display:flex;align-items:center;gap:4px}.popular-template-card .use-count{color:#ffd400;font-weight:600}.ranking-badge{position:absolute;top:12px;left:12px;width:28px;height:28px;background:linear-gradient(135deg,#ffd400,#ffed4e);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#0a0a0a;z-index:5}@media (max-width: 900px){.popular-templates-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.popular-templates-grid{grid-template-columns:1fr}.favorites-filter{overflow-x:auto;flex-wrap:nowrap;padding-bottom:8px}.filter-btn{flex-shrink:0}}