.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:var(--hero-bg);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}}.GeneradorGradientes-module__NROsYq__tableWrapper{border-radius:8px;margin:1.5rem 0;overflow-x:auto;box-shadow:0 2px 8px #00000014}.GeneradorGradientes-module__NROsYq__comparativaTable{border-collapse:collapse;width:100%;font-size:.9rem}.GeneradorGradientes-module__NROsYq__comparativaTable th{background:var(--primary);color:#fff;text-align:left;white-space:nowrap;padding:.75rem 1rem}.GeneradorGradientes-module__NROsYq__comparativaTable td{vertical-align:top;border-bottom:1px solid #e5e7eb;padding:.65rem 1rem}.GeneradorGradientes-module__NROsYq__comparativaTable tr:nth-child(2n) td{background:#f9fafb}[data-theme=dark] .GeneradorGradientes-module__NROsYq__comparativaTable td{border-color:#374151}[data-theme=dark] .GeneradorGradientes-module__NROsYq__comparativaTable tr:nth-child(2n) td{background:#1f2937}.GeneradorGradientes-module__NROsYq__escenariosGrid{grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0;display:grid}.GeneradorGradientes-module__NROsYq__escenarioCard{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}[data-theme=dark] .GeneradorGradientes-module__NROsYq__escenarioCard{border-color:#374151}.GeneradorGradientes-module__NROsYq__escenarioHeader{align-items:center;gap:.5rem;display:flex}.GeneradorGradientes-module__NROsYq__escenarioIcon{font-size:1.5rem}.GeneradorGradientes-module__NROsYq__escenarioTip{color:var(--primary);border-left:3px solid var(--primary);background:#2e86ab12;border-radius:0 6px 6px 0;margin-top:auto;padding:.4rem .75rem;font-size:.82rem}.GeneradorGradientes-module__NROsYq__faqList{margin:1.5rem 0}.GeneradorGradientes-module__NROsYq__faqItem{border-bottom:1px solid #e5e7eb;padding:1rem 0}[data-theme=dark] .GeneradorGradientes-module__NROsYq__faqItem{border-color:#374151}.GeneradorGradientes-module__NROsYq__faqPregunta{color:var(--text-primary);margin-bottom:.4rem;font-weight:600}.GeneradorGradientes-module__NROsYq__faqRespuesta{color:var(--text-secondary);font-size:.92rem;line-height:1.6}.GeneradorGradientes-module__NROsYq__pasosList{flex-direction:column;gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;display:flex}.GeneradorGradientes-module__NROsYq__paso{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}[data-theme=dark] .GeneradorGradientes-module__NROsYq__paso{border-color:#374151}.GeneradorGradientes-module__NROsYq__pasoNum{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-weight:700;display:flex}.GeneradorGradientes-module__NROsYq__tipsGrid{grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0;display:grid}.GeneradorGradientes-module__NROsYq__tipCard{background:var(--bg-card);border:1px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:.4rem;padding:1rem;display:flex}[data-theme=dark] .GeneradorGradientes-module__NROsYq__tipCard{border-color:#374151}.GeneradorGradientes-module__NROsYq__tipIcono{font-size:1.5rem}.GeneradorGradientes-module__NROsYq__warningBox{background:#fff8e1;border:1px solid #f59e0b;border-left-width:4px;border-radius:10px;margin:1.5rem 0;padding:1.25rem 1.5rem}[data-theme=dark] .GeneradorGradientes-module__NROsYq__warningBox{background:#292218;border-color:#92400e}.GeneradorGradientes-module__NROsYq__warningHeader{align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:1rem;display:flex}.GeneradorGradientes-module__NROsYq__warningIcono{font-size:1.3rem}.GeneradorGradientes-module__NROsYq__warningList{color:var(--text-secondary);flex-direction:column;gap:.4rem;padding-left:1.5rem;font-size:.92rem;line-height:1.5;list-style:outside;display:flex}@media (max-width:768px){.GeneradorGradientes-module__NROsYq__escenariosGrid{grid-template-columns:1fr}.GeneradorGradientes-module__NROsYq__tipsGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.GeneradorGradientes-module__NROsYq__tipsGrid{grid-template-columns:1fr}}