@font-face{font-family:Anta;src:url(/fonts/Anta-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--background:#faf9f7;--surface:#faf9f7;--surface-container-lowest:#fff;--surface-container-low:#f4f3f1;--surface-container:#efeeec;--surface-container-high:#e9e8e6;--surface-container-highest:#e3e2e0;--surface-dim:#dadad8;--primary:#000;--primary-container:#1c1b1b;--on-primary:#fff;--secondary:#695c4d;--secondary-container:#f2e0cc;--on-secondary:#fff;--on-secondary-container:#6f6252;--on-background:#1a1c1b;--on-surface:#1a1c1b;--on-surface-variant:#444748;--outline:#747878;--outline-variant:#c4c7c7;--error:#ba1a1a;--font-body:"Anta", sans-serif;--font-label:"Anta", sans-serif;--shadow-ambient:0px 24px 48px #1a1c1b0f;--shadow-card:0px 8px 24px #1a1c1b0a;--border-subtle:#c4c7c726;--border-soft:#c4c7c759;--transition-fast:.15s ease;--transition-base:.2s ease;--radius:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.display-xl{font-family:var(--font-body);letter-spacing:-.02em;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:300;line-height:1}.display-lg{font-family:var(--font-body);letter-spacing:-.02em;font-size:clamp(2rem,5vw,3.5rem);font-weight:300;line-height:1.05}.display-md{font-family:var(--font-body);letter-spacing:-.01em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:300;line-height:1.15}.title-lg{font-family:var(--font-body);letter-spacing:-.005em;font-size:1.25rem;font-weight:400;line-height:1.3}.title-md{font-family:var(--font-body);letter-spacing:0;font-size:1rem;font-weight:500;line-height:1.4}.body-lg{color:var(--on-surface-variant);font-size:1rem;font-weight:400;line-height:1.65}.body-md{color:var(--on-surface-variant);font-size:.875rem;font-weight:400;line-height:1.65}.label-lg{font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:500}.label-sm{font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant);font-size:.6875rem;font-weight:400}.logo{font-family:var(--font-body);letter-spacing:.25em;color:var(--primary);text-transform:uppercase;font-size:1.125rem;font-weight:500}.btn-primary{background:var(--primary);color:var(--on-primary);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:0;align-items:center;gap:.5rem;padding:1.1rem 3rem;font-size:.75rem;font-weight:500;transition:background .25s,transform .15s;display:inline-flex}.btn-primary:hover{background:var(--secondary);transform:translateY(-1px)}.btn-secondary{color:var(--on-surface);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--primary);background:0 0;border-radius:0;align-items:center;gap:.5rem;padding:1rem 2.5rem;font-size:.75rem;font-weight:500;transition:color .2s,border-color .2s;display:inline-flex}.btn-secondary:hover{color:var(--secondary);border-color:var(--secondary)}.btn-ghost{color:var(--on-surface);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #1a1c1b26;align-items:center;gap:.4rem;padding:.5rem 0;font-size:.6875rem;font-weight:500;transition:border-color .2s,color .2s;display:inline-flex}.btn-ghost:hover{border-color:var(--primary)}.spec-chip{background:var(--surface-container-highest);font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant);border-radius:0;padding:.3rem .65rem;font-size:.625rem;font-weight:500;display:inline-block}.section{padding:7rem 0}.section-sm{padding:4rem 0}.container{max-width:1440px;margin:0 auto;padding:0 5rem}@media (max-width:900px){.container{padding:0 2rem}.section{padding:5rem 0}}.divider{background:#c4c7c740;width:100%;height:1px}.outline-text{color:var(--outline)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.margin-bottom{margin-bottom:2rem}.margin-bottom-sm{margin-bottom:.75rem}.mt-auto{margin-top:auto}.margin-left-auto{margin-left:auto}
@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-up{animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeUp}.fade-up-delay-1{opacity:0;animation-delay:.1s}.fade-up-delay-2{opacity:0;animation-delay:.22s}.fade-up-delay-3{opacity:0;animation-delay:.34s}.fade-up-delay-4{opacity:0;animation-delay:.46s}.fade-in{animation:.4s cubic-bezier(.22,1,.36,1) forwards fadeIn}.slide-up{animation:.5s cubic-bezier(.22,1,.36,1) forwards slideUp}
.btn{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--primary);color:var(--on-primary);letter-spacing:.14em;padding:1.1rem 3rem;font-size:.75rem;transition:background .25s,transform .15s}.btn--primary:hover:not(:disabled){background:var(--secondary);transform:translateY(-1px)}.btn--admin{background:var(--primary);color:var(--on-primary);transition:opacity var(--transition-base);padding:.75rem 2rem;font-size:.8125rem}.btn--admin:hover:not(:disabled){opacity:.85}.btn--secondary{color:var(--on-surface);letter-spacing:.14em;border-bottom:1px solid var(--primary);transition:color var(--transition-base), border-color var(--transition-base);background:0 0;padding:1rem 2.5rem;font-size:.75rem}.btn--secondary:hover:not(:disabled){color:var(--secondary);border-color:var(--secondary)}.btn--ghost{color:var(--on-surface);letter-spacing:.14em;transition:border-color var(--transition-base), color var(--transition-base);background:0 0;border-bottom:1px solid #1a1c1b26;padding:.5rem 0;font-size:.6875rem}.btn--ghost:hover:not(:disabled){border-color:var(--primary)}.btn--whatsapp{color:#fff;transition:opacity var(--transition-base);background:#25d366;padding:.75rem 1.5rem;font-size:.8125rem}.btn--whatsapp:hover:not(:disabled){opacity:.92;color:#fff}@media (max-width:600px){.btn--primary{padding:1rem 2rem}.btn--secondary{padding:.875rem 1.75rem}}
.field{flex-direction:column;gap:.5rem;display:flex}.field--full{grid-column:1/-1}.field--invalid .field__label{color:#e74c3c}.field__label{font-family:var(--font-label);letter-spacing:.1em;text-transform:uppercase;color:var(--outline);font-size:.6875rem;font-weight:400}.field__hint{color:var(--outline);margin:0;font-size:.6875rem;line-height:1.4}.field__error{color:#e74c3c;letter-spacing:.02em;margin:0;font-size:.75rem;line-height:1.4}.field__input{color:var(--on-surface);font-family:var(--font-body);box-sizing:border-box;width:100%;font-size:.9375rem}.field__input--bordered{background:var(--surface-container);border:1px solid var(--border-subtle);transition:border-color var(--transition-base);outline:none;padding:.75rem 1rem}.field__input--bordered:focus{border-color:var(--primary)}.field__input--bordered.field__input--error,.field__input--error.field__input--bordered{background:#c0392b0f;border-color:#e74c3c}.field__input--underline{border:none;border-bottom:1px solid var(--outline-variant);transition:border-color var(--transition-base);background:0 0;outline:none;padding:.75rem 0}.field__input--underline:focus{border-bottom-color:var(--primary)}.field__input--underline.field__input--error{border-bottom-color:#e74c3c}.form-msg{padding:.5rem 1rem;font-size:.8125rem;display:inline-block}.form-msg--error{color:#e74c3c;background:#c0392b1f;border-left:2px solid #c0392b}.form-msg--success{color:#2ecc71;background:#27ae601a;border-left:2px solid #27ae60}
.card{background:var(--surface-container-lowest);border:1px solid var(--border-subtle);padding:2rem}.card--lg{padding:2.5rem}@media (max-width:600px){.card{padding:1.25rem}.card--lg{padding:1.5rem}}
.badge{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;display:inline-block}.badge--superadmin{background:var(--primary);color:var(--on-primary)}.badge--admin{background:var(--surface-container-high);color:var(--on-surface-variant);border:1px solid #c4c7c74d}.status-badge{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-container);color:var(--on-surface-variant);border-radius:4px;padding:.2rem .5rem;font-size:.625rem;font-weight:500;display:inline-block}.status-badge--pending{color:#9a7d0a;background:#f1c40f26}.status-badge--placed{color:#1e8449;background:#27ae601f}.status-badge--shipped{color:#1a5276;background:#3498db1f}.status-badge--delivered{color:#145a32;background:#27ae602e}.status-badge--cancelled{color:#922b21;background:#c0392b1a}.chip{background:var(--surface-container-highest);font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;color:var(--on-surface-variant);padding:.3rem .65rem;font-size:.625rem;font-weight:500;display:inline-block}
.data-table{flex-direction:column;display:flex}.data-table__header{background:var(--surface-container-low);border-bottom:1px solid #c4c7c733;gap:1rem;padding:.75rem 1rem;display:grid}.data-table__row{transition:background var(--transition-base);border-bottom:1px solid #c4c7c71a;gap:1rem;padding:1.25rem 1rem;display:grid}.data-table__row:last-child{border-bottom:none}.data-table__row--link{color:inherit;text-decoration:none}.data-table__row--link:hover{background:var(--surface-container-high)}.data-table__row--active{background:var(--surface-container-low);border-left:2px solid var(--primary)}
