:root{--color-brand-blue: #0A2647;--color-brand-red: #B22234;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-gray-50);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-800);--container-width: 1200px;--border-radius: 0px;--border-radius-lg: 0px;--transition-fast: .2s ease;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg-secondary);color:var(--color-text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:-.025em}button{cursor:pointer;border:none;font-family:inherit;transition:all var(--transition-fast)}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.navbar-container{display:flex;gap:1rem;align-items:center}.search-container{flex:1;max-width:600px;display:flex;align-items:center}.text-blue{color:var(--color-brand-blue)}.text-red{color:var(--color-brand-red)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:600;border-radius:var(--border-radius);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none}.btn-primary{background-color:var(--color-brand-blue);color:#fff}.btn-primary:hover{background-color:#001f3f;transform:translateY(-1px)}.btn-secondary{background-color:#fff;color:var(--color-brand-blue);border:1px solid var(--color-gray-300)}.btn-secondary:hover{border-color:var(--color-brand-blue);background-color:var(--color-gray-50)}.btn-whatsapp{background-color:#25d366;color:#fff;width:100%}.btn-whatsapp:hover{background-color:#128c7e}.card{background:#fff;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:0 1px 3px #0000001a;border:1px solid var(--color-gray-200);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a;border-color:var(--color-gray-300)}.form-input{width:100%;padding:.75rem;border:1px solid var(--color-gray-300);border-radius:0;background:#fff;font-size:.95rem}.form-input:focus{outline:none;border-color:var(--color-brand-blue)}.item-card{display:flex;flex-direction:column;height:100%}.image-container{width:100%;aspect-ratio:1/1;position:relative;background-color:var(--color-gray-100);overflow:hidden;border-bottom:1px solid var(--color-gray-100)}.image-container img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.item-card:hover .image-container img{transform:scale(1.05)}.share-btn{position:absolute;top:5px;right:5px;background:#ffffffe6;width:30px;height:30px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a;color:var(--color-gray-800);z-index:10;cursor:pointer;border-radius:0}.content{padding:.75rem;display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.brand-model{font-size:.95rem;font-weight:600;text-transform:uppercase;color:var(--color-gray-800);line-height:1.2}.price{font-size:1.15rem;font-weight:800;color:var(--color-brand-blue);letter-spacing:-.01em}.specs{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:.5rem 0;padding:.5rem 0;border-top:1px solid var(--color-gray-200);border-bottom:1px solid var(--color-gray-200)}.spec-item{display:flex;flex-direction:row;align-items:center;gap:.35rem}.text-gray-500{color:var(--color-gray-500)}.spec-item .label{font-size:.65rem;text-transform:uppercase;color:var(--color-gray-500)}.spec-item .value{font-size:.8rem;font-weight:500;color:var(--color-gray-900)}@media(max-width:768px){.container{padding:0 1rem}.hide-mobile{display:none}.content{padding:.5rem}.brand-model{font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.price{font-size:1rem}.specs{display:grid;grid-template-columns:repeat(2,1fr);font-size:.75rem}.btn-whatsapp{padding:.5rem;font-size:.75rem}.card[style*="max-width: 600px"]{width:100%!important;height:100%!important;max-height:100vh!important;border:none}.navbar-container{flex-wrap:wrap;padding-bottom:.5rem}.navbar-logo{order:1;flex:1}.navbar-actions{order:2}.search-container{order:3;width:100%;max-width:100%;margin-top:.5rem}.show-mobile-only{display:flex!important}.product-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}@media(min-width:769px){.product-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.product-grid>div{min-width:0}.pagination-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1.5rem 0}.pagination-summary{font-size:.875rem;color:#64748b}.pagination-summary strong{color:#0f172a;font-weight:600}.pagination-controls{display:flex;align-items:center;gap:.35rem;-webkit-user-select:none;user-select:none}.pagination-pages{display:flex;align-items:center;gap:.25rem}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 .5rem;background:#fff;border:1px solid #cbd5e1;color:#1e293b;font-size:.875rem;font-weight:600;transition:all .15s ease;border-radius:0}.pagination-btn:hover:not(:disabled){background-color:#f1f5f9;border-color:#0a2647;color:#0a2647}.pagination-btn.active{background-color:#0a2647;border-color:#0a2647;color:#fff;box-shadow:0 1px 3px #0a26474d}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.pagination-nav{padding:0 .75rem;gap:.25rem}.pagination-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;width:32px;height:38px;color:#94a3b8;font-weight:700}@media(max-width:768px){.pagination-wrapper{margin-top:1.5rem;padding:1rem 0;gap:.75rem}.pagination-btn{min-width:34px;height:34px;font-size:.8rem}.pagination-nav{padding:0 .4rem}}
