.mode-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--bg-body);padding:var(--spacing-xs);border-radius:var(--radius-md);flex-wrap:wrap}.mode-tab{flex:1;min-width:100px;padding:var(--spacing-sm) var(--spacing-md);border:none;background:0 0;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-weight:500;font-size:.85rem;transition:all .2s;text-align:center;font-family:inherit;white-space:nowrap}.mode-tab:hover{background:var(--bg-card-hover);color:var(--color-text)}.mode-tab.active{background:var(--color-primary);color:#0f172a;font-weight:600}.panel{display:none}.panel.active{display:block}.encoder-grid{display:grid;gap:var(--spacing-md)}@media (min-width:900px){.encoder-grid{grid-template-columns:1fr auto 1fr;align-items:start}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.section-header h2{margin-bottom:0}.middle-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) 0}@media (max-width:899px){.middle-actions{flex-direction:row;justify-content:center}}.middle-actions .btn-calcular{width:48px;height:48px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center}.btn-icon{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:var(--bg-body);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-icon:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.btn-icon svg{flex-shrink:0}.btn-icon.copied{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.btn-icon.copied::after{content:"✓";margin-left:4px;font-weight:700}.stats-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--bg-body);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.8rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.campo textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:'Courier New',Consolas,monospace;background:#0d1117;color:#c9d1d9;resize:vertical;line-height:1.6;transition:border-color .2s,box-shadow .2s}.campo textarea:focus{outline:0;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-muted)}.campo textarea::placeholder{color:#484f58}.campo textarea[readonly]{opacity:.9;cursor:default}.error-msg{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-danger-bg);border:1px solid var(--color-danger);border-radius:var(--radius-sm);color:var(--color-danger);font-size:.85rem;margin-bottom:var(--spacing-md)}.query-base-url{padding:var(--spacing-sm) var(--spacing-md);background:#0d1117;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:'Courier New',Consolas,monospace;font-size:.85rem;color:var(--color-primary);word-break:break-all;line-height:1.5}.query-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.query-table{width:100%;border-collapse:collapse;font-size:.85rem}.query-table th{background:var(--bg-body);color:var(--color-text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:var(--spacing-sm) var(--spacing-md);text-align:left;white-space:nowrap;border-bottom:1px solid var(--color-border)}.query-table td{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:top}.query-table tr:last-child td{border-bottom:none}.query-table tr:hover td{background:var(--bg-card-hover)}.query-table .cell-index{color:var(--color-text-muted);font-weight:600;text-align:center;width:40px}.query-table .cell-raw{font-family:'Courier New',Consolas,monospace;font-size:.8rem;color:var(--color-warning);word-break:break-all}.query-table .cell-decoded{font-family:'Courier New',Consolas,monospace;font-size:.8rem;color:var(--color-success);word-break:break-all}.query-table .cell-action{text-align:center;width:60px}.query-table .cell-action button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:0 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .2s}.query-table .cell-action button:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-muted)}.query-table .cell-action button.copied{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-bg)}@media (max-width:899px){.mode-tabs{gap:2px}.mode-tab{min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.encoder-grid{grid-template-columns:1fr}.section-header{flex-wrap:wrap;gap:var(--spacing-sm)}}@media (max-width:600px){.mode-tabs{flex-wrap:wrap}.mode-tab{flex:1 1 calc(50% - 4px);min-width:0;font-size:.8rem}.campo textarea{font-size:.8rem}.stats-row{gap:4px}.stat-badge{font-size:.75rem;padding:3px 8px}.query-table td,.query-table th{padding:6px 8px;font-size:.75rem}}@media print{body{background:#fff;color:#000}.breadcrumb,.btn-icon,.country-selector,.footer,.mas-calculadoras,.middle-actions,.mode-tabs{display:none!important}.formulario{box-shadow:none;border:none;background:#fff}.campo textarea{background:#f9f9f9;color:#000;border:1px solid #ccc}.query-table{font-size:10pt}.query-table th{background:#eee;color:#333}.query-table .cell-decoded,.query-table .cell-raw{color:#333}}