:root {--color-bg: #ffffff;--color-primary: #2965d4;--color-primary-dark: #15218d;--color-accent: #06067e;--color-text: #1e2647;--color-neutral: #999;--color-white: #fff;--font-family: "Inter", "Segoe UI", "Arial", sans-serif;--font-xs: 0.75rem;--font-sm: 0.875rem;--font-md: 1rem;--font-lg: 1.125rem;--font-xl: 1.25rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--font-4xl: 3rem;--font-5xl: 4rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 56px;--space-11: 64px;--space-12: 80px;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 38px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow-md: 0 4px 10px rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.15);}* {margin: 0;padding: 0;box-sizing: border-box;}.filters-container {display: flex;flex-wrap: wrap;gap: var(--space-4);margin: var(--space-7) auto;justify-content: center;align-items: center;max-width: 1000px;}.custom-select {position: relative;font-family: var(--font-family);width: 160px;}.select-btn {background-color: var(--color-white);color: var(--color-neutral);border: 2px solid var(--color-primary);padding: var(--space-3) var(--space-4);border-radius: var(--radius-full);cursor: pointer;font-size: var(--font-sm);display: flex;align-items: center;justify-content: space-between;width: 100%;}.select-btn .arrow::after {content: "\25BC";font-size: var(--font-xs);color: var(--color-primary);}.select-options {max-height: 200px;overflow-y: auto;scrollbar-width: thin;scrollbar-color: #ccc transparent;list-style: none;display: none;position: absolute;top: 120%;left: 0;background: var(--color-white);border: 2px solid var(--color-primary);border-radius: var(--radius-md);width: 100%;box-shadow: var(--shadow-sm);z-index: 99;padding: var(--space-2) 0;}.select-options::-webkit-scrollbar {width: 6px;}.select-options::-webkit-scrollbar-thumb {background-color: #ccc;border-radius: 4px;}.select-options li {padding: var(--space-3) var(--space-4);cursor: pointer;font-size: var(--font-sm);}.select-options li:hover {border-radius: var(--radius-sm);background: #f2f2f2;}.custom-select.open .select-options {display: block;}.export-btn {border: 2px solid var(--color-primary);border-radius: var(--radius-md);padding: 0;background-color: var(--color-white);cursor: pointer;height: 46px;width: 46px;display: flex;align-items: center;justify-content: center;}.export-btn svg {height: 24px;margin-right: auto;margin-left: var(--space-3);}.export-btn.green svg {filter: brightness(0) saturate(100%) invert(37%) sepia(94%) saturate(689%) hue-rotate(87deg) brightness(92%) contrast(88%);}.export-btn.red svg {filter: brightness(0) saturate(100%) invert(22%) sepia(84%) saturate(6254%) hue-rotate(358deg) brightness(90%) contrast(98%);}.produtos-container {display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-6);margin: 32px auto 0 auto;padding: 0 24px;max-width: 1350px;background: #fff;border-radius: var(--radius-md);}.produto-item {position: relative;background: var(--color-white);border-radius: var(--radius-md);overflow: hidden;cursor: pointer;font-family: var(--font-family);border: 1px solid transparent;transition: border-color 0.2s;}.produto-item:hover {border: 1px solid var(--color-primary);}.produto-img {position: relative;width: 100%;height: 180px;background: transparent;display: flex;align-items: center;justify-content: center;}.produto-img img {max-width: 100%;max-height: 100%;object-fit: contain;padding: 6px;}.produto-info {padding: var(--space-4);}.produto-info h3 {font-size: var(--font-md);color: var(--color-text);margin-bottom: var(--space-2);font-weight: 300;}.produto-info .sku, .produto-info .marca {display: block;font-size: var(--font-sm);color: var(--color-neutral);margin-bottom: var(--space-1);}.produto-info .preco {font-size: var(--font-md);font-weight: bold;color: var(--color-text);margin-top: var(--space-2);}.produto-sku {display: flex;align-items: center;gap: 6px;font-size: var(--font-md);font-weight: 600;color: #333;margin-bottom: 0.5rem;}.produto-sku svg {width: 20px;height: 20px;}.produto-bottom {display: flex;justify-content: space-between;align-items: center;margin-top: 1rem;}.btn-ver-detalhes {background: var(--color-primary);color: #fff;font-size: 0.95rem;padding: 0.5rem 0.8rem;border-radius: var(--radius-sm);border: none;font-weight: 500;cursor: pointer;box-shadow: var(--shadow-sm);transition: background 0.2s;min-width: 80px;max-width: 120px;}.paginacao {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 12px;margin-top: var(--space-10);margin-bottom: var(--space-10);}.paginacao button {background: #1150CC;border-radius: 10px;border: 2px solid #1150CC;color: #fff;font-family: var(--font-family);font-size: 1.08rem;min-width: 48px;min-height: 48px;height: 48px;margin: 0 2px;padding: 0 12px;cursor: pointer;transition: background 0.18s, color 0.18s;box-shadow: none;text-align: center;display: flex;align-items: center;justify-content: center;}.paginacao button.ativo, .paginacao button.primeiro, .paginacao button.ultimo {background: #fff;color: #1150CC;border: 2px solid #1150CC;}.paginacao {background: transparent;color: #1150CC;border: none;font-size: 1.1rem;min-width: 32px;min-height: 32px;height: 32px;align-items: center;justify-content: center;}.seta-paginacao {background: transparent !important;border: none !important;margin: 0 8px;padding: 0;min-width: 40px;min-height: 40px;height: 80px;width: 80px;display: flex;align-items: center;justify-content: center;cursor: pointer;}.seta-paginacao:active, .seta-paginacao:focus {filter: brightness(0.85);}.custom-select .search-box {padding: 6px 8px;border-bottom: 1px solid #3f51b5;}.custom-select .filter-search {width: 100%;padding: 6px 10px;border: 1px solid #3f51b5;border-radius: 20px;outline: none;font-size: 14px;}.export-btn {border: 2px solid var(--color-primary);border-radius: var(--radius-md);padding: 0;background-color: var(--color-white);cursor: pointer;height: 46px;width: 46px;display: flex;align-items: center;justify-content: center;}.export-btn svg {height: 24px;margin-right: auto;margin-left: var(--space-3);}.btn-limpar {border: 2px solid var(--color-primary);border-radius: var(--radius-md);padding: 0;background-color: var(--color-white);cursor: pointer;height: 46px;width: 46px;display: flex;align-items: center;justify-content: center;transition: all 0.2s ease-in-out;}.btn-limpar svg {width: 20px;height: 20px;fill: var(--color-primary-dark);}.loader-wrapper {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: white;z-index: 9999;}.loader {--color: #0404f4;--size: 70px;width: var(--size);height: var(--size);display: grid;grid-template-columns: repeat(3, 1fr);gap: 5px;}.loader span {width: 100%;height: 100%;background-color: var(--color);animation: keyframes-blink 0.6s alternate infinite linear;}.loader span:nth-child(1) {animation-delay: 0ms;}.loader span:nth-child(2) {animation-delay: 200ms;}.loader span:nth-child(3) {animation-delay: 300ms;}.loader span:nth-child(4) {animation-delay: 400ms;}.loader span:nth-child(5) {animation-delay: 500ms;}.loader span:nth-child(6) {animation-delay: 600ms;}@keyframes keyframes-blink {0% {opacity: 0.3;transform: scale(0.5) rotate(5deg);}50% {opacity: 1;transform: scale(1);}}.skeleton {background: #e2e2e2;border-radius: 8px;min-height: 220px;animation: pulse 1.2s infinite;}.skeleton-text {height: 16px;margin: 8px 0;border-radius: 4px;}@keyframes pulse {0% {opacity: 1;}50% {opacity: 0.4;}100% {opacity: 1;}}@media print {header, footer, .navbar, .rodape {display: none !important;}body {margin: 0;}}@page {margin: 0;}#pesquisa-inteligente{left: 8px;}#pesquisa-inteligente .select-btn {font-weight: 500;}.produto-codigo-original {font-size: 0.85rem;color: #666;}