:root{--focus:#2f72d6;--shadow-soft:0 8px 24px rgba(16,28,44,.07)}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{min-height:44px}button{font:inherit}.btn{min-height:44px;transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(16,28,44,.14)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;left:16px;top:12px;z-index:1000;background:#fff;color:var(--navy);padding:10px 14px;border-radius:8px;box-shadow:var(--shadow);transform:translateY(-160%)}.skip-link:focus{transform:none}
.nav a{position:relative;padding:28px 0}.nav a[aria-current=page]{color:#7e5f29}.nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:18px;height:2px;background:var(--gold)}.hero{background:radial-gradient(circle at 82% 35%,rgba(200,163,90,.16),transparent 30%),linear-gradient(120deg,var(--deep),var(--navy2))}.hero-mark{backdrop-filter:blur(8px)}
.unit-grid,.product-card,.company-card,.callout,.form-card,.contact-card{border-radius:var(--radius)}.unit-grid{overflow:hidden;box-shadow:var(--shadow-soft)}.product-card{border-color:#e8e3da;border-radius:10px}.form-card{box-shadow:var(--shadow-soft)}.form-card label,.filters label,.auth-card label,.setup-card label{color:#273342}.form-card input:focus,.form-card select:focus,.form-card textarea:focus,.filters input:focus,.filters select:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(47,114,214,.11)}
.empty{border:1px dashed #cbc4b8;border-radius:10px;text-align:center}.table-wrap tbody tr:hover{background:#faf8f3}.status{white-space:nowrap}.whatsapp-float{max-width:calc(100vw - 24px)}
@media(max-width:980px){.nav{box-shadow:0 18px 30px rgba(16,28,44,.12)}.nav a{width:100%;padding:12px 2px}.nav a[aria-current=page]:after{left:0;right:auto;bottom:6px;width:34px}.menu-toggle{width:44px;height:44px;border-radius:8px}.product-grid{gap:14px}}
@media(max-width:600px){body{font-size:15px}.nav-wrap{min-height:68px}.brand img{width:44px;height:44px}.nav{top:68px;max-height:calc(100vh - 68px);overflow:auto}.nav-actions a{min-height:42px;display:inline-flex;align-items:center}.section h2{font-size:30px}.page-hero.compact{padding:46px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-card{padding:11px}.product-card b{font-size:15px}.product-card p{margin:5px 0}.product-card h3{font-size:14px}.hero-actions,.document-actions,.admin-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 160px}.checkout-grid{gap:28px}.checkout-item{gap:12px;align-items:flex-start}.checkout-item span{min-width:0}.checkout-item b{text-align:right;white-space:nowrap}.form-card{padding:20px}.buy-form{align-items:stretch;flex-direction:column}.buy-form input{width:100%}.cart-product{align-items:flex-start}.cart-list form{flex-wrap:wrap}.whatsapp-float span{display:none}}
@media(max-width:340px){.product-grid,.brand-preview{grid-template-columns:1fr}.nav-actions .icon-link{display:none}.container{width:min(100% - 20px,1180px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}