.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)}.GeneradorOGImages-module__x40daa__tableWrapper{margin:var(--spacing-lg) 0;border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}.GeneradorOGImages-module__x40daa__comparativaTable{border-collapse:collapse;background:var(--bg-card);width:100%;font-size:.9rem}.GeneradorOGImages-module__x40daa__comparativaTable thead{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff}.GeneradorOGImages-module__x40daa__comparativaTable th{padding:var(--spacing-md) var(--spacing-lg);text-align:left;white-space:nowrap;font-weight:600}.GeneradorOGImages-module__x40daa__comparativaTable td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle}.GeneradorOGImages-module__x40daa__comparativaTable tbody tr:last-child td{border-bottom:none}.GeneradorOGImages-module__x40daa__comparativaTable tbody tr:hover{background:var(--hover)}.GeneradorOGImages-module__x40daa__comparativaTable td:first-child{color:var(--text-primary);white-space:nowrap}[data-theme=dark] .GeneradorOGImages-module__x40daa__comparativaTable{background:var(--bg-card)}[data-theme=dark] .GeneradorOGImages-module__x40daa__comparativaTable td{border-bottom-color:var(--border)}[data-theme=dark] .GeneradorOGImages-module__x40daa__comparativaTable tbody tr:hover{background:var(--hover)}.GeneradorOGImages-module__x40daa__escenariosGrid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.GeneradorOGImages-module__x40daa__escenarioCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);transition:box-shadow .2s,border-color .2s}.GeneradorOGImages-module__x40daa__escenarioCard:hover{box-shadow:var(--shadow-md);border-color:var(--accent)}.GeneradorOGImages-module__x40daa__escenarioHeader{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.GeneradorOGImages-module__x40daa__escenarioHeader h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600}.GeneradorOGImages-module__x40daa__escenarioIcon{flex-shrink:0;font-size:1.6rem}.GeneradorOGImages-module__x40daa__escenarioExample{color:var(--text-secondary);margin:0 0 var(--spacing-sm);font-size:.9rem;line-height:1.6}.GeneradorOGImages-module__x40daa__escenarioTip{color:var(--primary);padding-top:var(--spacing-sm);border-top:1px solid var(--border);margin:0;font-size:.85rem;font-style:italic}[data-theme=dark] .GeneradorOGImages-module__x40daa__escenarioCard{background:var(--bg-card);border-color:var(--border)}[data-theme=dark] .GeneradorOGImages-module__x40daa__escenarioTip{border-top-color:var(--border)}.GeneradorOGImages-module__x40daa__faqList{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex}.GeneradorOGImages-module__x40daa__faqItem{background:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);padding:var(--spacing-lg)}.GeneradorOGImages-module__x40daa__faqItem h4{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:1rem;font-weight:600}.GeneradorOGImages-module__x40daa__faqItem p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}.GeneradorOGImages-module__x40daa__faqItem p+p{margin-top:var(--spacing-sm)}.GeneradorOGImages-module__x40daa__faqTip{padding:var(--spacing-sm) var(--spacing-md);border-radius:calc(var(--radius) / 2);background:#2e86ab14;font-style:italic;margin-top:var(--spacing-sm)!important;color:var(--primary)!important}[data-theme=dark] .GeneradorOGImages-module__x40daa__faqItem{background:var(--bg-card);border-color:var(--border);border-left-color:var(--primary)}[data-theme=dark] .GeneradorOGImages-module__x40daa__faqTip{background:#2e86ab26}.GeneradorOGImages-module__x40daa__stepGuide{gap:var(--spacing-md);margin-top:var(--spacing-lg);flex-direction:column;display:flex;position:relative}.GeneradorOGImages-module__x40daa__stepGuide:before{content:"";background:linear-gradient(180deg, var(--primary) 0%, var(--secondary) 100%);opacity:.3;width:2px;position:absolute;top:40px;bottom:20px;left:20px}.GeneradorOGImages-module__x40daa__step{gap:var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);align-items:flex-start;display:flex;position:relative}.GeneradorOGImages-module__x40daa__stepNumber{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:700;display:flex;position:relative}.GeneradorOGImages-module__x40daa__stepContent{flex:1}.GeneradorOGImages-module__x40daa__stepContent h4{margin:0 0 var(--spacing-xs);color:var(--text-primary);font-size:1rem;font-weight:600}.GeneradorOGImages-module__x40daa__stepContent p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.7}[data-theme=dark] .GeneradorOGImages-module__x40daa__step{background:var(--bg-card);border-color:var(--border)}.GeneradorOGImages-module__x40daa__tipsGrid{gap:var(--spacing-lg);margin-top:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.GeneradorOGImages-module__x40daa__tipCard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-lg);transition:box-shadow .2s,border-color .2s}.GeneradorOGImages-module__x40daa__tipCard:hover{box-shadow:var(--shadow-md);border-color:var(--secondary)}.GeneradorOGImages-module__x40daa__tipIcon{margin-bottom:var(--spacing-sm);font-size:1.8rem;display:block}.GeneradorOGImages-module__x40daa__tipCard h4{margin:0 0 var(--spacing-sm);color:var(--text-primary);font-size:.95rem;font-weight:600}.GeneradorOGImages-module__x40daa__tipCard p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.6}[data-theme=dark] .GeneradorOGImages-module__x40daa__tipCard{background:var(--bg-card);border-color:var(--border)}.GeneradorOGImages-module__x40daa__warningBox{border-radius:var(--radius);padding:var(--spacing-lg);background:#ff98000f;border:1px solid #ff980059;border-left:4px solid #ff9800}.GeneradorOGImages-module__x40daa__warningHeader{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.GeneradorOGImages-module__x40daa__warningHeader h4{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.GeneradorOGImages-module__x40daa__warningIcon{flex-shrink:0;font-size:1.4rem}.GeneradorOGImages-module__x40daa__warningList{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.GeneradorOGImages-module__x40daa__warningList li{color:var(--text-secondary);padding-left:var(--spacing-lg);font-size:.9rem;line-height:1.6;position:relative}.GeneradorOGImages-module__x40daa__warningList li:before{content:"✕";color:#ff9800;font-weight:700;position:absolute;left:0}[data-theme=dark] .GeneradorOGImages-module__x40daa__warningBox{background:#ff980014;border-color:#ff98004d #ff98004d #ff98004d #ff9800}@media (max-width:768px){.GeneradorOGImages-module__x40daa__comparativaTable th,.GeneradorOGImages-module__x40daa__comparativaTable td{padding:var(--spacing-sm) var(--spacing-md);font-size:.8rem}.GeneradorOGImages-module__x40daa__escenariosGrid,.GeneradorOGImages-module__x40daa__tipsGrid{grid-template-columns:1fr}.GeneradorOGImages-module__x40daa__step{gap:var(--spacing-sm);flex-direction:column}.GeneradorOGImages-module__x40daa__stepGuide:before{display:none}.GeneradorOGImages-module__x40daa__stepNumber{width:34px;height:34px;font-size:.9rem}}