.qr-tabs{display:flex;justify-content:center;background-color:var(--gray-100);border-radius:var(--radius-full);padding:var(--space-1);gap:var(--space-1);overflow-x:auto;scrollbar-width:none;margin-bottom:var(--space-6)}.qr-tabs::-webkit-scrollbar{display:none}.qr-tabs .tab{all:unset;padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);color:var(--gray-700);cursor:pointer;transition:all var(--transition-base);text-align:center;line-height:1;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center}.qr-tabs .tab:hover{background-color:var(--gray-200);color:var(--gray-900)}.qr-tabs .tab.active{background-color:var(--primary-600);color:var(--white);box-shadow:var(--shadow-md)}.qr-tabs .tab:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}.qr-inputs{margin-bottom:var(--space-6)}.qr-inputs label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-weight-medium);color:var(--gray-700)}.qr-inputs input,.qr-inputs textarea,.qr-inputs select{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--gray-300);border-radius:var(--radius-md);margin-top:var(--space-2);font-size:var(--font-size-base);transition:all var(--transition-base)}.qr-inputs input:focus,.qr-inputs textarea:focus,.qr-inputs select:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.qr-button{background-color:var(--warning-500);color:var(--white);font-weight:var(--font-weight-semibold);margin-top:var(--space-4);width:100%}.qr-button:hover{background-color:var(--warning-600)}.qr-code-box{margin:var(--space-6) 0;padding:var(--space-6);border:2px solid var(--gray-200);border-radius:var(--radius-lg);text-align:center;background:url(/icones/qr.png) no-repeat center;background-size:contain;background-position:center;min-height:220px;display:flex;align-items:center;justify-content:center;opacity:.5;transition:opacity var(--transition-base)}.qr-code-box:has(canvas){opacity:1;background:none}.qr-color-options{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.qr-color-options div{flex:1}.qr-color-options label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--gray-700)}.qr-color-options input[type=color]{width:100%;height:44px;border:2px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-base)}.qr-color-options input[type=color]:hover{border-color:var(--gray-400)}.qr-color-options input[type=color]:focus{border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-100)}.download-btn{background-color:var(--primary-600);color:var(--white);width:100%}.download-btn:hover{background-color:var(--primary-700)}.container-page{max-width:1200px;margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;gap:var(--space-8)}.qr-form{flex:1 1 auto;max-width:600px}.qr-preview{flex:1 1 auto;max-width:360px}.qr-preview h3{margin-bottom:var(--space-4);text-align:center}@media (max-width: 768px){.container-page{flex-direction:column;padding:var(--space-6) var(--space-4);gap:var(--space-6)}.qr-form,.qr-preview{max-width:100%;flex:1 1 100%}.qr-code-box{min-height:180px;background-size:80%}.qr-tabs{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:var(--space-2)}.qr-tabs .tab{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs)}.qr-button,.download-btn{width:100%}}