.hc20PG_container{max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg);min-height:100vh;margin:0 auto}.hc20PG_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}.hc20PG_title{margin-bottom:var(--spacing-sm);font-size:2rem;font-weight:700}.hc20PG_subtitle{opacity:.95;max-width:700px;margin:0 auto;font-size:1.1rem}.hc20PG_main{background:var(--bg-card);border-radius:var(--radius-large);padding:var(--spacing-xl);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.hc20PG_panel{background:var(--bg-primary);border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.hc20PG_panelTitle{margin:0 0 var(--spacing-md);color:var(--text-primary);font-size:1.05rem;font-weight:600}.hc20PG_tabBar{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.hc20PG_tabBtn{padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);flex:140px;font-size:.95rem;font-weight:600;transition:all .2s}.hc20PG_tabBtn:hover{border-color:var(--primary);transform:translateY(-1px)}.hc20PG_tabActive{border-color:var(--primary);color:var(--primary-texto);background:#2e86ab1f}.hc20PG_joinSelector{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.hc20PG_joinBtn{padding:var(--spacing-md);background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);text-align:center;flex:140px;font-family:SF Mono,Monaco,monospace;font-size:.9rem;font-weight:600;transition:all .2s}.hc20PG_joinBtn:hover{border-color:var(--primary);transform:translateY(-1px)}.hc20PG_joinActive{border-color:var(--primary);color:var(--primary-texto);background:#2e86ab26}.hc20PG_joinDescription{margin-top:var(--spacing-sm);padding:var(--spacing-md);border-left:3px solid var(--primary);border-radius:var(--radius);color:var(--text-secondary);background:#2e86ab0f;font-size:.9rem}.hc20PG_examplesBar{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.hc20PG_exampleBtn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text-primary);font-size:.9rem;transition:all .2s}.hc20PG_exampleBtn:hover{border-color:var(--secondary);background:#48a9a614}.hc20PG_togglesBar{gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.hc20PG_toggleLabel{align-items:center;gap:var(--spacing-xs);cursor:pointer;color:var(--text-primary);font-size:.9rem;display:flex}.hc20PG_toggleLabel input{cursor:pointer}.hc20PG_tablesLayout{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1.2fr 1fr;display:grid}.hc20PG_tableEditor{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md)}.hc20PG_tableTitle{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;display:flex}.hc20PG_tableTitle input{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);flex:1;font-family:SF Mono,Monaco,monospace;font-size:.95rem;font-weight:700}.hc20PG_editorTable{border-collapse:collapse;width:100%;font-size:.9rem}.hc20PG_editorTable th{padding:var(--spacing-xs) var(--spacing-sm);text-align:left;background:var(--bg-primary);color:var(--text-primary);border-bottom:1px solid var(--border);font-family:SF Mono,Monaco,monospace;font-size:.85rem}.hc20PG_editorTable td{border-bottom:1px solid var(--border);padding:2px}.hc20PG_cellInput{width:100%;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:4px;font-family:SF Mono,Monaco,monospace;font-size:.85rem}.hc20PG_cellInput:focus{border-color:var(--primary);background:var(--bg-primary);outline:none}.hc20PG_removeRowBtn{border:1px solid var(--border);width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;font-size:1rem;line-height:1}.hc20PG_removeRowBtn:hover{color:var(--rojo-texto,#ef4444);border-color:#ef4444}.hc20PG_addRowBtn{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-primary);border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.hc20PG_addRowBtn:hover{border-color:var(--primary);color:var(--primary-texto)}.hc20PG_vennContainer{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.hc20PG_vennSvg{width:100%;max-width:360px;height:220px;display:block}.hc20PG_vennSvg circle{transition:fill-opacity .4s}.hc20PG_vennLabel{fill:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:16px;font-weight:700}.hc20PG_vennCaption{margin-top:var(--spacing-sm);text-align:center;color:var(--text-secondary);font-size:.85rem}.hc20PG_vennCaption strong{color:var(--primary-texto);font-family:SF Mono,Monaco,monospace}.hc20PG_connectionLines{width:100%;height:200px;margin-top:var(--spacing-md);display:block}.hc20PG_connectionLines path{fill:none;stroke-width:2px;transition:opacity .3s}.hc20PG_connectionMatch{stroke:#10b981;opacity:.7}.hc20PG_connectionNull{stroke:var(--text-muted);stroke-dasharray:4 4;opacity:.5}.hc20PG_sqlBox{color:#e2e8f0;border-radius:var(--radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:#1e293b;font-family:SF Mono,Monaco,monospace;font-size:.95rem;line-height:1.6;overflow-x:auto}.hc20PG_sqlKeyword{color:#60a5fa;font-weight:700}.hc20PG_sqlTable{color:#34d399}.hc20PG_sqlOperator{color:#94a3b8}.hc20PG_sqlString{color:#fbbf24}[data-theme=dark] .hc20PG_sqlBox{background:#0f172a}.hc20PG_resultBlock{margin-bottom:var(--spacing-xl)}.hc20PG_resultBlock h3{margin:0 0 var(--spacing-md);color:var(--text-primary)}.hc20PG_resultTable{border-collapse:collapse;width:100%;font-family:SF Mono,Monaco,monospace;font-size:.9rem}.hc20PG_resultTable th{padding:var(--spacing-sm) var(--spacing-md);background:var(--primary-boton);color:#fff;text-align:left;font-weight:600}.hc20PG_resultTable td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-primary)}.hc20PG_resultTable tr:nth-child(2n) td{background:#2e86ab0a}.hc20PG_matchedRow td{background:#10b9810f!important}.hc20PG_nullCell{font-style:italic;color:var(--text-muted)!important;background:#94a3b81f!important}[data-theme=dark] .hc20PG_nullCell{background:#94a3b82e!important}.hc20PG_emptyResult{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary);background:var(--bg-primary);border-radius:var(--radius);border:1px dashed var(--border)}.hc20PG_metricsGrid{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.hc20PG_resultRow{gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex}.hc20PG_resultLabel{color:var(--text-secondary);font-size:.85rem}.hc20PG_resultValue{color:var(--text-primary);font-family:SF Mono,Monaco,monospace;font-size:1.3rem;font-weight:700}.hc20PG_resultValueAccent{color:var(--primary-texto)}.hc20PG_tableWrapper{border-radius:8px;margin:1rem 0;overflow-x:auto;box-shadow:0 1px 3px #0000001a}.hc20PG_comparativaTable{border-collapse:collapse;width:100%;font-size:.9rem}.hc20PG_comparativaTable th{background:var(--primary-boton);color:#fff;text-align:left;padding:.75rem 1rem;font-weight:600}.hc20PG_comparativaTable td{border-bottom:1px solid var(--border-color,#e5e7eb);color:var(--text-secondary);padding:.75rem 1rem}.hc20PG_comparativaTable tr:nth-child(2n) td{background:#2e86ab0a}.hc20PG_comparativaTable tr:hover td{background:#2e86ab14}[data-theme=dark] .hc20PG_comparativaTable th{background:var(--primary-boton)}[data-theme=dark] .hc20PG_comparativaTable td{color:var(--text-secondary);border-bottom-color:#3a3a3a}[data-theme=dark] .hc20PG_comparativaTable tr:nth-child(2n) td{background:#2e86ab14}.hc20PG_escenariosGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1rem 0;display:grid}.hc20PG_escenarioCard{background:var(--bg-card);border:1px solid #2e86ab33;border-radius:12px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.hc20PG_escenarioCard:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2e86ab26}.hc20PG_escenarioHeader{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.hc20PG_escenarioIcon{font-size:1.5rem}.hc20PG_escenarioExample{color:var(--text-secondary);margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.hc20PG_escenarioTip{color:var(--secondary-texto);border-left:3px solid var(--secondary);background:#48a9a614;border-radius:6px;padding:.5rem .75rem;font-size:.85rem}[data-theme=dark] .hc20PG_escenarioCard{background:var(--bg-card);border-color:#2e86ab4d}[data-theme=dark] .hc20PG_escenarioTip{background:#48a9a61f}.hc20PG_faqList{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.hc20PG_faqItem{background:var(--bg-card);border:1px solid #2e86ab26;border-radius:10px;padding:1.25rem}.hc20PG_faqItem h4{color:var(--primary-texto);margin:0 0 .5rem;font-size:1rem}.hc20PG_faqItem p{color:var(--text-secondary);margin:.25rem 0;font-size:.9rem;line-height:1.6}.hc20PG_faqTip{background:#48a9a614;border-radius:6px;padding:.4rem .75rem;color:var(--secondary-texto)!important;margin-top:.5rem!important;font-size:.85rem!important}[data-theme=dark] .hc20PG_faqItem{background:var(--bg-card);border-color:#2e86ab40}[data-theme=dark] .hc20PG_faqTip{background:#48a9a61f}.hc20PG_stepGuide{flex-direction:column;gap:0;margin:1rem 0;display:flex;position:relative}.hc20PG_stepGuide:before{content:"";background:linear-gradient(to bottom, var(--primary), var(--secondary));width:2px;position:absolute;top:0;bottom:0;left:1.25rem}.hc20PG_step{align-items:flex-start;gap:1.25rem;padding:1rem 0;display:flex;position:relative}.hc20PG_stepNumber{background:var(--primary-boton);color:#fff;z-index:1;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;min-width:2.5rem;height:2.5rem;font-size:1rem;font-weight:700;display:flex;position:relative}.hc20PG_stepContent{flex:1;padding-top:.25rem}.hc20PG_stepContent strong{color:var(--text-primary);margin-bottom:.25rem;font-size:.95rem;display:block}.hc20PG_stepContent p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}[data-theme=dark] .hc20PG_stepNumber{background:var(--primary-boton)}.hc20PG_tipsGrid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0;display:grid}.hc20PG_tipCard{background:var(--bg-card);border:1px solid #2e86ab26;border-radius:10px;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.hc20PG_tipIcon{font-size:1.75rem}.hc20PG_tipCard strong{color:var(--text-primary);font-size:.95rem}.hc20PG_tipCard p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}[data-theme=dark] .hc20PG_tipCard{background:var(--bg-card);border-color:#2e86ab40}.hc20PG_warningBox{background:#ef44440f;border:1px solid #ef444440;border-radius:12px;margin:1rem 0;padding:1.5rem}.hc20PG_warningHeader{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.hc20PG_warningIcon{font-size:1.5rem}.hc20PG_warningHeader strong{color:var(--text-primary);font-size:1rem}.hc20PG_warningList{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.hc20PG_warningList li{color:var(--text-secondary);padding-left:1rem;font-size:.9rem;line-height:1.5;position:relative}.hc20PG_warningList li:before{content:"✗";color:#ef4444;font-weight:700;position:absolute;left:0}[data-theme=dark] .hc20PG_warningBox{background:#ef444414;border-color:#ef44444d}@media (max-width:968px){.hc20PG_tablesLayout{grid-template-columns:1fr}}@media (max-width:768px){.hc20PG_container{padding:var(--spacing-md)}.hc20PG_hero{padding:var(--spacing-lg);margin-top:70px}.hc20PG_title{font-size:1.5rem}.hc20PG_joinSelector,.hc20PG_tabBar{flex-direction:column}.hc20PG_joinBtn,.hc20PG_tabBtn{flex:100%}.hc20PG_escenariosGrid,.hc20PG_tipsGrid{grid-template-columns:1fr}.hc20PG_comparativaTable{font-size:.8rem}.hc20PG_comparativaTable th,.hc20PG_comparativaTable td{padding:.5rem .6rem}.hc20PG_stepGuide:before{display:none}.hc20PG_resultTable{font-size:.8rem}.hc20PG_resultTable th,.hc20PG_resultTable td{padding:var(--spacing-xs)}}