.GeneradorGradientes-module__NROsYq__container{--primary:#2e86ab;--secondary:#48a9a6;--accent:#7fb3d3;--bg-primary:#fafafa;--bg-card:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#999;--border:#e5e5e5;--hover:#f5f5f5;--radius:12px;--radius-large:16px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 4px 12px #0000001a;max-width:1400px;padding:var(--spacing-xl)var(--spacing-lg);background:var(--bg-primary);min-height:100vh;color:var(--text-primary);margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[data-theme=dark] .GeneradorGradientes-module__NROsYq__container{--bg-primary:#1a1a1a;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--text-muted:gray;--border:#404040;--hover:#333}.GeneradorGradientes-module__NROsYq__hero{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:var(--radius-large);color:#fff;margin-top:80px}.GeneradorGradientes-module__NROsYq__title{margin:0 0 var(--spacing-sm);font-size:2.5rem;font-weight:700}.GeneradorGradientes-module__NROsYq__subtitle{opacity:.95;margin:0;font-size:1.1rem}.GeneradorGradientes-module__NROsYq__mainContent{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}.GeneradorGradientes-module__NROsYq__panel{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border)}.GeneradorGradientes-module__NROsYq__panelTitle{margin:0 0 var(--spacing-lg);color:var(--text-primary);font-size:1.1rem;font-weight:600}.GeneradorGradientes-module__NROsYq__previewBox{border-radius:var(--radius);border:2px solid var(--border);width:100%;height:250px;margin-bottom:var(--spacing-lg)}.GeneradorGradientes-module__NROsYq__codeSection{margin-bottom:var(--spacing-lg)}.GeneradorGradientes-module__NROsYq__codeHeader{margin-bottom:var(--spacing-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.GeneradorGradientes-module__NROsYq__copyBtn{padding:var(--spacing-xs)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.GeneradorGradientes-module__NROsYq__copyBtn:hover{border-color:var(--primary);color:var(--primary)}.GeneradorGradientes-module__NROsYq__copyBtn.GeneradorGradientes-module__NROsYq__copied{background:var(--primary);border-color:var(--primary);color:#fff}.GeneradorGradientes-module__NROsYq__codeBlock{background:var(--hover);border-radius:var(--radius);padding:var(--spacing-md);color:var(--text-primary);word-break:break-all;margin:0;font-family:Consolas,Monaco,monospace;font-size:.85rem;overflow-x:auto}.GeneradorGradientes-module__NROsYq__presetsSection{border-top:1px solid var(--border);padding-top:var(--spacing-lg)}.GeneradorGradientes-module__NROsYq__sectionTitle{margin:0 0 var(--spacing-md);color:var(--text-primary);font-size:1rem;font-weight:600}.GeneradorGradientes-module__NROsYq__presetsGrid{gap:var(--spacing-sm);grid-template-columns:repeat(5,1fr);display:grid}.GeneradorGradientes-module__NROsYq__presetBtn{border-radius:var(--radius);cursor:pointer;border:2px solid #0000;height:50px;transition:all .2s;position:relative;overflow:hidden}.GeneradorGradientes-module__NROsYq__presetBtn:hover{border-color:var(--primary);transform:scale(1.05)}.GeneradorGradientes-module__NROsYq__presetName{color:#fff;text-align:center;background:#0009;padding:2px;font-size:.65rem;position:absolute;bottom:0;left:0;right:0}.GeneradorGradientes-module__NROsYq__controlGroup{margin-bottom:var(--spacing-lg)}.GeneradorGradientes-module__NROsYq__label{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem;font-weight:600;display:block}.GeneradorGradientes-module__NROsYq__typeTabs{gap:var(--spacing-sm);display:flex}.GeneradorGradientes-module__NROsYq__typeBtn{padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;flex:1;font-size:.9rem;font-weight:500;transition:all .2s}.GeneradorGradientes-module__NROsYq__typeBtn:hover{border-color:var(--primary);color:var(--primary)}.GeneradorGradientes-module__NROsYq__typeActive{background:var(--primary);border-color:var(--primary);color:#fff}.GeneradorGradientes-module__NROsYq__angleControl{gap:var(--spacing-sm);flex-direction:column;display:flex}.GeneradorGradientes-module__NROsYq__slider{background:var(--hover);appearance:none;cursor:pointer;border-radius:4px;width:100%;height:8px}.GeneradorGradientes-module__NROsYq__slider::-webkit-slider-thumb{appearance:none;background:var(--primary);cursor:pointer;border:2px solid #fff;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}.GeneradorGradientes-module__NROsYq__anglePresets{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.GeneradorGradientes-module__NROsYq__angleBtn{padding:var(--spacing-xs)var(--spacing-sm);border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;border-radius:50px;font-size:.75rem;transition:all .2s}.GeneradorGradientes-module__NROsYq__angleBtn:hover{border-color:var(--primary);color:var(--primary)}.GeneradorGradientes-module__NROsYq__angleActive{background:var(--primary);border-color:var(--primary);color:#fff}.GeneradorGradientes-module__NROsYq__selectRow{gap:var(--spacing-sm);display:flex}.GeneradorGradientes-module__NROsYq__shapeBtn{padding:var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;flex:1;font-size:.9rem;transition:all .2s}.GeneradorGradientes-module__NROsYq__shapeBtn:hover{border-color:var(--primary)}.GeneradorGradientes-module__NROsYq__shapeActive{border-color:var(--primary);color:var(--primary);background:#2e86ab1a}.GeneradorGradientes-module__NROsYq__positionGrid{gap:var(--spacing-xs);grid-template-columns:repeat(3,1fr);max-width:150px;display:grid}.GeneradorGradientes-module__NROsYq__positionBtn{aspect-ratio:1;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;font-size:1rem;transition:all .2s}.GeneradorGradientes-module__NROsYq__positionBtn:hover{border-color:var(--primary);color:var(--primary)}.GeneradorGradientes-module__NROsYq__positionActive{background:var(--primary);border-color:var(--primary);color:#fff}.GeneradorGradientes-module__NROsYq__stopsHeader{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.GeneradorGradientes-module__NROsYq__stopsActions{gap:var(--spacing-xs);display:flex}.GeneradorGradientes-module__NROsYq__actionBtn{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-primary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;transition:all .2s}.GeneradorGradientes-module__NROsYq__actionBtn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.GeneradorGradientes-module__NROsYq__actionBtn:disabled{opacity:.5;cursor:not-allowed}.GeneradorGradientes-module__NROsYq__colorStops{gap:var(--spacing-sm);flex-direction:column;display:flex}.GeneradorGradientes-module__NROsYq__colorStop{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--hover);border-radius:var(--radius);display:flex}.GeneradorGradientes-module__NROsYq__colorInput{border-radius:var(--radius);cursor:pointer;border:none;width:40px;height:40px;padding:0}.GeneradorGradientes-module__NROsYq__hexInput{padding:var(--spacing-sm);text-transform:uppercase;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);flex:1;font-family:Consolas,Monaco,monospace;font-size:.9rem}.GeneradorGradientes-module__NROsYq__hexInput:focus{border-color:var(--primary);outline:none}.GeneradorGradientes-module__NROsYq__positionInput{width:60px;padding:var(--spacing-sm);text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);font-size:.9rem}.GeneradorGradientes-module__NROsYq__positionInput:focus{border-color:var(--primary);outline:none}.GeneradorGradientes-module__NROsYq__percentSign{color:var(--text-muted);font-size:.9rem}.GeneradorGradientes-module__NROsYq__removeBtn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;font-size:1.2rem;transition:all .2s}.GeneradorGradientes-module__NROsYq__removeBtn:hover:not(:disabled){color:#fff;background:#ff6b6b}.GeneradorGradientes-module__NROsYq__removeBtn:disabled{opacity:.3;cursor:not-allowed}.GeneradorGradientes-module__NROsYq__infoSection{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--border)}.GeneradorGradientes-module__NROsYq__infoSection h3{margin:0 0 var(--spacing-lg);text-align:center;color:var(--text-primary);font-size:1.25rem;font-weight:600}.GeneradorGradientes-module__NROsYq__infoGrid{gap:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.GeneradorGradientes-module__NROsYq__infoCard{text-align:center;padding:var(--spacing-lg);background:var(--hover);border-radius:var(--radius)}.GeneradorGradientes-module__NROsYq__infoIcon{margin-bottom:var(--spacing-sm);font-size:2rem;display:block}.GeneradorGradientes-module__NROsYq__infoCard h4{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:1rem;font-weight:600}.GeneradorGradientes-module__NROsYq__infoCard p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}@media (max-width:1024px){.GeneradorGradientes-module__NROsYq__mainContent{grid-template-columns:1fr}.GeneradorGradientes-module__NROsYq__presetsGrid{grid-template-columns:repeat(5,1fr)}.GeneradorGradientes-module__NROsYq__infoGrid{grid-template-columns:1fr}}@media (max-width:640px){.GeneradorGradientes-module__NROsYq__container{padding:var(--spacing-md)}.GeneradorGradientes-module__NROsYq__hero{padding:var(--spacing-lg);margin-top:60px}.GeneradorGradientes-module__NROsYq__title{font-size:1.75rem}.GeneradorGradientes-module__NROsYq__presetsGrid{grid-template-columns:repeat(3,1fr)}.GeneradorGradientes-module__NROsYq__typeTabs{flex-direction:column}.GeneradorGradientes-module__NROsYq__colorStop{flex-wrap:wrap}.GeneradorGradientes-module__NROsYq__hexInput{margin-top:var(--spacing-xs);flex:0 0 100%;order:2}}