.GeneradorOGImages-module__x40daa__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] .GeneradorOGImages-module__x40daa__container{--bg-primary:#1a1a1a;--bg-card:#2a2a2a;--text-primary:#e5e5e5;--text-secondary:#b0b0b0;--text-muted:gray;--border:#404040;--hover:#333}.GeneradorOGImages-module__x40daa__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}.GeneradorOGImages-module__x40daa__title{margin:0 0 var(--spacing-sm);font-size:2.5rem;font-weight:800}.GeneradorOGImages-module__x40daa__subtitle{opacity:.95;margin:0;font-size:1.1rem}.GeneradorOGImages-module__x40daa__mainContent{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:380px 1fr;display:grid}.GeneradorOGImages-module__x40daa__controlsPanel{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--spacing-lg);box-shadow:var(--shadow-md);height:fit-content;position:sticky;top:100px}.GeneradorOGImages-module__x40daa__tabs{gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.GeneradorOGImages-module__x40daa__tab{padding:var(--spacing-sm)var(--spacing-md);background:var(--hover);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;border:none;font-size:.85rem;font-weight:500;transition:all .2s}.GeneradorOGImages-module__x40daa__tab:hover{background:var(--border);color:var(--text-primary)}.GeneradorOGImages-module__x40daa__tabActive,.GeneradorOGImages-module__x40daa__tabActive:hover{background:var(--primary);color:#fff}.GeneradorOGImages-module__x40daa__tabContent{margin-bottom:var(--spacing-lg)}.GeneradorOGImages-module__x40daa__templatesGrid{gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);display:grid}.GeneradorOGImages-module__x40daa__templateCard{padding:var(--spacing-md);background:var(--hover);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;transition:all .2s;display:flex}.GeneradorOGImages-module__x40daa__templateCard:hover{border-color:var(--primary);background:var(--bg-card)}.GeneradorOGImages-module__x40daa__templateIcon{margin-bottom:var(--spacing-xs);font-size:1.5rem}.GeneradorOGImages-module__x40daa__templateName{color:var(--text-secondary);text-align:center;font-size:.8rem;font-weight:500}.GeneradorOGImages-module__x40daa__controlGroup{gap:var(--spacing-md);flex-direction:column;display:flex}.GeneradorOGImages-module__x40daa__label{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-weight:600}.GeneradorOGImages-module__x40daa__inputRow{gap:var(--spacing-xs);flex-direction:column;display:flex}.GeneradorOGImages-module__x40daa__inputRow label{color:var(--text-secondary);align-items:center;gap:var(--spacing-sm);font-size:.9rem;display:flex}.GeneradorOGImages-module__x40daa__inputRow input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.GeneradorOGImages-module__x40daa__input,.GeneradorOGImages-module__x40daa__textarea,.GeneradorOGImages-module__x40daa__select{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text-primary);font-size:.95rem;transition:border-color .2s}.GeneradorOGImages-module__x40daa__input:focus,.GeneradorOGImages-module__x40daa__textarea:focus,.GeneradorOGImages-module__x40daa__select:focus{border-color:var(--primary);outline:none}.GeneradorOGImages-module__x40daa__textarea{resize:vertical;min-height:80px}.GeneradorOGImages-module__x40daa__rangeInput{width:100%;accent-color:var(--primary)}.GeneradorOGImages-module__x40daa__colorPicker{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;width:60px;height:36px;padding:2px}.GeneradorOGImages-module__x40daa__bgTypeSelector{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);display:flex}.GeneradorOGImages-module__x40daa__bgTypeBtn{padding:var(--spacing-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;flex:1;font-size:.8rem;transition:all .2s}.GeneradorOGImages-module__x40daa__bgTypeBtn:hover{border-color:var(--primary)}.GeneradorOGImages-module__x40daa__bgTypeBtnActive{background:var(--primary);color:#fff;border-color:var(--primary)}.GeneradorOGImages-module__x40daa__gradientsGrid{gap:var(--spacing-sm);grid-template-columns:repeat(5,1fr);display:grid}.GeneradorOGImages-module__x40daa__gradientSwatch{aspect-ratio:1;border-radius:var(--radius);cursor:pointer;border:2px solid #0000;width:100%;transition:transform .2s}.GeneradorOGImages-module__x40daa__gradientSwatch:hover{transform:scale(1.1)}.GeneradorOGImages-module__x40daa__gradientSwatchActive{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card)}.GeneradorOGImages-module__x40daa__uploadBtn{width:100%;padding:var(--spacing-md);background:var(--hover);border:2px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.95rem;transition:all .2s}.GeneradorOGImages-module__x40daa__uploadBtn:hover{border-color:var(--primary);color:var(--primary)}.GeneradorOGImages-module__x40daa__badgePresets{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.GeneradorOGImages-module__x40daa__badgePreset{padding:var(--spacing-xs)var(--spacing-sm);background:var(--hover);border:1px solid var(--border);cursor:pointer;border-radius:20px;font-size:.75rem;transition:all .2s}.GeneradorOGImages-module__x40daa__badgePreset:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.GeneradorOGImages-module__x40daa__emojiGrid{gap:var(--spacing-xs);margin-bottom:var(--spacing-md);grid-template-columns:repeat(6,1fr);display:grid}.GeneradorOGImages-module__x40daa__emojiBtn{padding:var(--spacing-sm);background:var(--hover);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;font-size:1.3rem;transition:all .2s}.GeneradorOGImages-module__x40daa__emojiBtn:hover{background:var(--bg-card);border-color:var(--primary);transform:scale(1.1)}.GeneradorOGImages-module__x40daa__emojiBtnActive{background:var(--primary);border-color:var(--primary)}.GeneradorOGImages-module__x40daa__exportBtn{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:linear-gradient(135deg,var(--primary)0%,var(--secondary)100%);border-radius:var(--radius);color:#fff;cursor:pointer;border:none;font-size:1.1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.GeneradorOGImages-module__x40daa__exportBtn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab66}.GeneradorOGImages-module__x40daa__previewPanel{gap:var(--spacing-lg);flex-direction:column;display:flex}.GeneradorOGImages-module__x40daa__previewWrapper{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--spacing-lg);box-shadow:var(--shadow-md);overflow:hidden}.GeneradorOGImages-module__x40daa__canvas{border-radius:var(--radius);box-shadow:var(--shadow-sm);display:block}.GeneradorOGImages-module__x40daa__previewInfo{align-items:center;gap:var(--spacing-sm);flex-direction:column;display:flex}.GeneradorOGImages-module__x40daa__sizeInfo{align-items:center;gap:var(--spacing-md);color:var(--text-secondary);font-size:.95rem;font-weight:500;display:flex}.GeneradorOGImages-module__x40daa__separator{color:var(--border)}.GeneradorOGImages-module__x40daa__platformsInfo{color:var(--text-muted);font-size:.9rem}.GeneradorOGImages-module__x40daa__educationalContent{gap:var(--spacing-xl);flex-direction:column;display:flex}.GeneradorOGImages-module__x40daa__eduSection h3{color:var(--primary);margin-bottom:var(--spacing-md);font-size:1.3rem}.GeneradorOGImages-module__x40daa__eduSection p{color:var(--text-secondary);line-height:1.7}.GeneradorOGImages-module__x40daa__sizesGrid{gap:var(--spacing-md);margin:var(--spacing-lg)0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.GeneradorOGImages-module__x40daa__sizeCard{background:var(--hover);padding:var(--spacing-lg);border-radius:var(--radius);text-align:center}.GeneradorOGImages-module__x40daa__sizeCard h4{margin:0 0 var(--spacing-sm);font-size:1rem}.GeneradorOGImages-module__x40daa__sizeCard p{color:var(--text-secondary);margin:0}.GeneradorOGImages-module__x40daa__sizeCard p:first-of-type{color:var(--text-primary);font-size:1.1rem;font-weight:600}.GeneradorOGImages-module__x40daa__note{padding:var(--spacing-md);border-radius:var(--radius);border-left:4px solid var(--primary);background:#2e86ab1a}.GeneradorOGImages-module__x40daa__codeBlock{color:#e0e0e0;padding:var(--spacing-lg);border-radius:var(--radius);background:#1a1a2e;font-family:Monaco,Menlo,monospace;font-size:.85rem;line-height:1.6;overflow-x:auto}.GeneradorOGImages-module__x40daa__tipsList{margin:0;padding:0;list-style:none}.GeneradorOGImages-module__x40daa__tipsList li{padding:var(--spacing-sm)0;color:var(--text-secondary);line-height:1.6}@media (max-width:1024px){.GeneradorOGImages-module__x40daa__mainContent{grid-template-columns:1fr}.GeneradorOGImages-module__x40daa__controlsPanel{position:static}}@media (max-width:768px){.GeneradorOGImages-module__x40daa__container{padding:var(--spacing-md)}.GeneradorOGImages-module__x40daa__hero{padding:var(--spacing-lg);margin-top:70px}.GeneradorOGImages-module__x40daa__title{font-size:1.8rem}.GeneradorOGImages-module__x40daa__subtitle{font-size:1rem}.GeneradorOGImages-module__x40daa__tabs{flex-wrap:wrap}.GeneradorOGImages-module__x40daa__tab{padding:var(--spacing-xs)var(--spacing-sm);font-size:.75rem}.GeneradorOGImages-module__x40daa__templatesGrid{grid-template-columns:repeat(2,1fr)}.GeneradorOGImages-module__x40daa__gradientsGrid,.GeneradorOGImages-module__x40daa__emojiGrid{grid-template-columns:repeat(5,1fr)}.GeneradorOGImages-module__x40daa__sizesGrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.GeneradorOGImages-module__x40daa__title{font-size:1.5rem}.GeneradorOGImages-module__x40daa__templatesGrid{grid-template-columns:1fr}.GeneradorOGImages-module__x40daa__previewWrapper{padding:var(--spacing-sm)}}.GeneradorOGImages-module__x40daa__logoDescription{color:var(--text-secondary);margin:0 0 var(--spacing-md);font-size:.9rem;line-height:1.5}.GeneradorOGImages-module__x40daa__logoPreview{padding:var(--spacing-md);background:var(--hover);border-radius:var(--radius);margin-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex;position:relative}.GeneradorOGImages-module__x40daa__logoPreview img{object-fit:contain;border-radius:4px;max-width:100%;max-height:120px}.GeneradorOGImages-module__x40daa__removeLogoBtn{color:#fff;cursor:pointer;background:#ff6b6b;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.GeneradorOGImages-module__x40daa__removeLogoBtn:hover{background:#f44;transform:scale(1.1)}.GeneradorOGImages-module__x40daa__changeLogoBtn{width:100%;padding:var(--spacing-sm)var(--spacing-md);background:var(--hover);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;margin-top:var(--spacing-sm);font-size:.9rem;transition:all .2s}.GeneradorOGImages-module__x40daa__changeLogoBtn:hover{border-color:var(--primary);color:var(--primary)}