@charset "UTF-8";:root{--color-bg: #ffffff;--color-bg-soft: #fafafa;--color-bg-deep: #f4f4f5;--color-surface: #ffffff;--color-ink: #111111;--color-muted: #737373;--color-border: #ececec;--color-accent: #111111;--color-accent-dark: #000000;--color-accent-soft: #f4f4f5;--color-accent-contrast: #ffffff;--color-offer: #dc2626;--color-offer-soft: #fef2f2;--color-danger: #dc2626;--color-warning: #d97706;--color-success: #16a34a;--color-whatsapp: #25d366;--color-whatsapp-dark: #1ebe57;--color-badge-new-bg: #111111;--color-badge-new-fg: #ffffff;--color-badge-used-bg: #f4f4f5;--color-badge-used-fg: #3f3f46;--color-badge-featured-bg: #f4f4f5;--color-badge-featured-fg: #111111;--color-badge-out-bg: #f4f4f5;--color-badge-out-fg: #52525b;--color-badge-offer-bg: #dc2626;--color-badge-offer-fg: #ffffff;--color-footer: #000000;--color-sidebar: #111827;--color-sidebar-text: #cbd5e1;--color-sidebar-active: #111111;--color-kpi-blue: #111111;--color-kpi-green: #16a34a;--color-kpi-orange: #ea580c;--color-kpi-slate: #0f172a;--color-kpi-sky: #0284c7;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: "Oswald", "Inter", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;--space-6: 3rem;--radius: .85rem;--radius-sm: .5rem;--radius-lg: 1.1rem;--shadow-soft: 0 4px 18px rgb(15 23 42 / 6%);--shadow-card: 0 8px 24px rgb(15 23 42 / 8%);--layout-max: 75rem;--focus-ring: 0 0 0 3px rgb(17 17 17 / 28%)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100%;font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}img{max-width:100%;height:auto;display:block}h1,h2{font-family:var(--font-display);line-height:1.05;margin:0 0 var(--space-3);color:var(--color-ink);letter-spacing:.04em;font-weight:400}h3,h4{font-family:var(--font-sans);font-weight:700;line-height:1.25;margin:0 0 var(--space-3);color:var(--color-ink)}p{margin:0 0 var(--space-3);color:var(--color-muted)}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:.35rem;padding:.7rem 1.2rem;font:inherit;font-weight:600;font-size:.95rem;cursor:pointer;background:var(--color-accent);color:var(--color-accent-contrast);text-decoration:none;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease;box-shadow:0 1px 2px #0f172a14}button:hover,.btn:hover{background:var(--color-accent-dark);text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #1111112e}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:var(--color-surface);color:var(--color-ink);border:1px solid var(--color-border);box-shadow:none}.btn-secondary:hover{background:var(--color-bg-soft);color:var(--color-ink);box-shadow:none}.btn-whatsapp{background:var(--color-whatsapp);color:#fff}.btn-whatsapp:hover{background:var(--color-whatsapp-dark);box-shadow:0 4px 12px #25d3664d}.btn-outline{background:#fff;color:#111;border:1px solid #111;box-shadow:none}.btn-outline:hover{background:#111;color:#fff;box-shadow:none;transform:none}.btn svg,.btn-icon{width:1.15rem;height:1.15rem;flex-shrink:0}.container{width:min(100% - 2rem,var(--layout-max));margin-inline:auto}.section{padding-block:2rem}.section__header{display:grid;gap:.35rem;margin-bottom:1.25rem}.section__header--center{text-align:center;justify-items:center;max-width:none}.section__header--row{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}h1,h2{font-family:var(--font-display)}.section__header h2,.section h2{text-transform:uppercase;letter-spacing:.06em;font-weight:400;font-size:clamp(1.55rem,2.2vw,1.9rem);margin:0}.section__link{font-weight:600;font-size:.95rem;white-space:nowrap}.section__eyebrow{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .7rem;font-size:.75rem;font-weight:700;letter-spacing:.02em;background:var(--color-badge-new-bg);color:var(--color-badge-new-fg)}.badge--used{background:var(--color-badge-used-bg);color:var(--color-badge-used-fg)}.badge--featured{background:var(--color-badge-featured-bg);color:var(--color-badge-featured-fg)}.badge--out{background:var(--color-badge-out-bg);color:var(--color-badge-out-fg)}.badge--promo,.badge--offer{background:var(--color-badge-offer-bg);color:var(--color-badge-offer-fg)}.price{font-family:var(--font-sans);font-weight:700;color:var(--color-ink);letter-spacing:-.02em}.price__previous{margin-left:var(--space-2);font-size:1rem;font-weight:500;color:var(--color-muted);text-decoration:line-through}.media-frame{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius);background:var(--color-bg-deep)}.media-frame>*{position:absolute;inset:0;width:100%;height:100%}.media-frame img{object-fit:cover}.media-frame__fallback{display:flex;align-items:center;justify-content:center;color:var(--color-muted);font-size:.95rem;text-align:center;padding:var(--space-3)}.card-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-soft)}.grid-products{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;align-items:stretch}.grid-products>*{min-width:0;height:100%}.grid-products--featured{grid-template-columns:repeat(5,minmax(0,1fr));gap:.85rem}.grid-products--featured>*{min-width:0}.grid-products--featured:has(>:nth-child(1):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}@media(max-width:1366px){.grid-products--featured{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1024px){.grid-products--featured{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.grid-products--featured{grid-template-columns:1fr}}input,select,textarea{font:inherit;color:var(--color-ink)}input:not([type=checkbox]):not([type=radio]),select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.7rem .85rem;background:var(--color-surface);transition:border-color .14s ease,box-shadow .14s ease}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus,.ui-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #2563eb26}select,.ui-select{appearance:none;-webkit-appearance:none;background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2364748b' d='M1.4 1.4 6 6l4.6-4.6L12 2.8 6 8.8 0 2.8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:.7rem;padding-right:2.25rem!important;min-height:2.75rem;cursor:pointer}.combo__trigger.ui-select{background-image:none;padding-right:.85rem!important;min-height:0}select:hover,.ui-select:hover{border-color:#cbd5e1}select:disabled,.ui-select:disabled{opacity:.65;cursor:not-allowed}.combo{position:relative;display:block}.combo__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.55rem;text-align:left;font:inherit;color:var(--color-ink);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.7rem .85rem;background-color:var(--color-surface);transition:border-color .14s ease,box-shadow .14s ease}.combo__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo__chevron{width:1rem;height:1rem;flex-shrink:0;color:#737373;transition:transform .16s ease}.combo.is-open .combo__chevron{transform:rotate(180deg)}.combo__trigger:hover{background-color:var(--color-surface);border-color:#cbd5e1;color:var(--color-ink);transform:none;box-shadow:0 1px 2px #0f172a14}.combo__placeholder{color:#94a3b8}.filters app-ui-select{display:block;margin-top:.3rem}.filters .combo__trigger,.filters .combo-option,.catalog-toolbar .combo__trigger,.catalog-toolbar .combo-option{text-transform:none;letter-spacing:normal}.filters .combo__trigger{box-sizing:border-box;height:2.3rem;min-height:0;padding:0 .6rem;font-size:.85rem}.combo-panel{position:absolute;z-index:40;top:calc(100% + .25rem);left:0;right:0;margin:0;padding:.35rem;list-style:none;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 10px 30px #0f172a1a;max-height:18rem;overflow:auto}div.combo-panel{display:flex;flex-direction:column;overflow:hidden;padding:0}.combo-option{padding:.55rem .7rem;border-radius:.4rem;cursor:pointer;color:var(--color-ink);font-size:.9375rem}.combo-option:hover,.combo-option.is-active{background:var(--color-accent-soft);color:var(--color-accent)}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}table.data-table{width:100%;border-collapse:collapse;font-size:.95rem}table.data-table th,table.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}table.data-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-muted);background:var(--color-bg-soft)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.required-mark{color:var(--color-danger);margin-left:.15rem;font-weight:700}label:has(>input,>textarea,>select,>.password-field,>app-ui-select){display:block}label:has(>input,>textarea,>select,>.password-field,>app-ui-select)>input,label:has(>input,>textarea,>select,>.password-field,>app-ui-select)>textarea,label:has(>input,>textarea,>select,>.password-field,>app-ui-select)>select,label:has(>input,>textarea,>select,>.password-field,>app-ui-select)>.password-field,label:has(>input,>textarea,>select,>.password-field,>app-ui-select)>app-ui-select{display:block;width:100%;margin-top:.35rem}.note-demo{font-size:.9rem;color:var(--color-muted);font-style:italic}.logo-frame{display:grid;place-items:center;width:3.25rem;height:3.25rem;border-radius:50%;overflow:hidden;background:transparent;border:0;flex-shrink:0}.logo-frame img{width:100%;height:100%;object-fit:contain}.logo-frame--lg{width:4rem;height:4rem}.logo-frame--header,.logo-frame--footer{width:3.5rem;height:3.5rem}
