:root{--primary-color:#ff6b35;--primary-hover:#e55a2b;--secondary-color:#004e89;--dark-bg:#1a1a1a;--darker-bg:#0f0f0f;--text-light:#fff;--text-gray:#a0a0a0;--text-dark:#333;--border-color:#333;--light-bg:#f8f9fa;--card-bg:#fff;--shadow-sm:0 2px 8px rgba(0,0,0,.1);--shadow-md:0 4px 16px rgba(0,0,0,.15);--shadow-lg:0 8px 30px rgba(0,0,0,.2)}.btn,.btn-primary{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.btn-primary:hover,.btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.btn-secondary{background:var(--secondary-color)}.btn-secondary:hover{background:#003d6b}.btn-outline{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.card,.product-card{background:var(--card-bg);border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:var(--shadow-sm);color:inherit;display:block;overflow:hidden;text-decoration:none;transition:all .3s ease}.card:hover,.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.table,table{background:var(--card-bg);border-collapse:collapse;border-radius:8px;box-shadow:var(--shadow-sm);overflow:hidden;width:100%}.table thead,table thead{background:var(--darker-bg);color:var(--text-light)}.table th,table th{font-size:.875rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.table td,table td{border-bottom:1px solid rgba(0,0,0,.05);font-size:.9rem;padding:1rem}.table tbody tr:hover,table tbody tr:hover{background:var(--light-bg)}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--text-dark);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-input,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{border:2px solid rgba(0,0,0,.1);border-radius:8px;font-family:inherit;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.form-input:focus,input:focus,select:focus,textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;outline:none}.search-bar{margin-bottom:2rem}.search-input{border:2px solid rgba(0,0,0,.1);border-radius:50px;font-size:.95rem;padding:.875rem 1.25rem;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ff6b351a;outline:none}.badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;text-transform:uppercase}.badge-destacado{background:linear-gradient(135deg,gold,#ffed4e);color:var(--text-dark)}.badge-primary{background:var(--primary-color);color:#fff}.badge-secondary{background:var(--secondary-color);color:#fff}.page-header{align-items:center;border-bottom:2px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.page-header h1{color:var(--text-dark);font-size:2rem;font-weight:700;letter-spacing:-.5px;margin:0}.category-filter{display:flex;flex-wrap:wrap;gap:1rem;margin:1.5rem 0}.category-btn{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:50px;color:var(--primary-color);font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;text-decoration:none;transition:all .3s ease}.category-btn.active,.category-btn.router-link-active,.category-btn:hover{background:var(--primary-color);box-shadow:0 4px 12px #ff6b354d;color:#fff;transform:translateY(-2px)}.product-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:2rem}.product-image{background:var(--light-bg);height:250px;-o-object-fit:contain;object-fit:contain;padding:1rem;width:100%}.product-info{padding:1.5rem}.product-name{color:var(--text-dark);font-size:1.2rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.product-category{color:var(--primary-color);font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.product-price{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin-top:.75rem}.stat-card{background:var(--card-bg);border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:var(--shadow-sm);padding:1.5rem;text-align:center;transition:all .3s ease}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-label{color:var(--text-gray);font-size:.875rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{color:var(--text-dark);font-size:2rem;font-weight:700}.empty-state,.error,.loading{color:var(--text-gray);font-size:1.125rem;padding:3rem 2rem;text-align:center}.error{background:#fee;border:1px solid #fcc;border-radius:8px;color:#dc3545}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.modal-content{animation:slideUp .3s ease;background:var(--card-bg);border-radius:12px;box-shadow:var(--shadow-lg);max-height:90vh;max-width:500px;overflow-y:auto;padding:2.5rem;position:relative;width:90%}.modal-header{align-items:center;border-bottom:2px solid rgba(0,0,0,.1);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h2{color:var(--text-dark);font-size:1.5rem;font-weight:700;margin:0}.modal-close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-gray);cursor:pointer;display:flex;font-size:2rem;height:30px;justify-content:center;line-height:1;padding:0;transition:color .3s;width:30px}.modal-close:hover{background:var(--light-bg);color:var(--text-dark)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.product-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header h1{font-size:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}::-moz-selection{background:var(--primary-color);color:#fff}::selection{background:var(--primary-color);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#e55a2b}