/* Autopartes en Chile ·13-11-2026 · identidad corporativa por perfil, sin dependencias. */
.apch-brand {
  --apch-red:#E51147; --apch-blue:#1E70B7; --apch-red-dark:#aa1739;
  --apch-gray:#575555; --apch-gray-light:#937F7F; --apch-black:#000000;
  --apch-sky:#23b0db; --apch-navy:#0F3D64;
  --apch-border:#dce3e9; --apch-surface:#f5f8fb;
  --ink:var(--apch-navy); --paper:#fff; --wash:var(--apch-surface);
  --accent:var(--apch-red); --brand-red:var(--apch-red); --brand-blue:var(--apch-blue);
  --brand-dark:var(--apch-navy); --color-primary:var(--apch-blue);
  --ui-accent-active:var(--apch-red); --ui-cyan-accent:var(--apch-blue);
  --brand-gradient:var(--apch-red); --color-moonveil:var(--apch-surface);
  --bs-primary:var(--apch-blue); --bs-primary-rgb:30,112,183;
  --bs-link-color:var(--apch-blue); --bs-link-hover-color:var(--apch-navy);
  font-family:Arial,Helvetica,system-ui,sans-serif; color:var(--apch-navy);
  background:#fff; accent-color:var(--apch-blue); line-height:1.5;
}
.apch-brand *, .apch-brand *::before, .apch-brand *::after { box-sizing:border-box; }
.apch-logo { display:block; flex:none; width:184px; max-width:100%; line-height:0; }
.apch-logo img { display:block; width:100%; height:auto; max-height:none; object-fit:contain; }
.apch-logo--header { width:184px; }
.apch-logo--footer { width:148px; }
.apch-logo--auth { width:64px; margin:0 auto 16px; }
.apch-logo--compact { aspect-ratio:1; }
.apch-brand .topline { background:var(--apch-navy); border-top:3px solid var(--apch-red); color:#fff; letter-spacing:.07em; }
.apch-brand .auto-header { padding:16px 4%; border-bottom:1px solid var(--apch-border); gap:24px; }
.apch-brand .wordmark { display:block; flex:none; }
.apch-brand .auto-header nav { gap:8px; }
.apch-brand .auto-header nav a { display:flex; align-items:center; min-height:44px; padding:10px 14px; font-size:.9rem; font-weight:600; border-radius:6px; color:var(--apch-navy); }
.apch-brand .auto-header nav a:hover { background:var(--apch-surface); color:var(--apch-blue); text-decoration:none; }
.apch-brand #auto-cart-count { display:inline-grid; place-items:center; min-width:22px; min-height:22px; margin-left:6px; border:1px solid var(--apch-border); border-radius:50%; font-size:.75rem; background:var(--apch-surface); }
.apch-brand .auto-main { max-width:1500px; }
.apch-brand h1,.apch-brand h2,.apch-brand h3 { color:var(--apch-navy); }
.apch-brand .auto-hero { border-color:var(--apch-border); }
.apch-brand .eyebrow { color:var(--apch-blue); }
.apch-brand .hero-index { color:var(--apch-gray); border-left:3px solid var(--apch-sky); }
.apch-brand .auto-filters { background:var(--apch-surface); border:1px solid var(--apch-border); border-top:3px solid var(--apch-blue); border-radius:8px; }
.apch-brand :is(input,select,textarea) { border-color:var(--apch-gray-light); border-radius:5px; color:var(--apch-navy); }
.apch-brand ::placeholder { color:var(--apch-gray); opacity:1; }
.apch-brand :is(input,select,textarea):focus { border-color:var(--apch-blue); }
.apch-brand :is(a,button,input,select,textarea,[tabindex]):focus-visible { outline:3px solid var(--apch-blue)!important; outline-offset:3px; }
.apch-brand :is(.button,.btn) { min-height:44px; border-radius:5px; transition:background-color 160ms ease,border-color 160ms ease,color 160ms ease; }
.apch-brand .button { border-color:var(--apch-blue); color:var(--apch-blue); background:#fff; font-weight:600; }
.apch-brand .button:is(:hover,:focus-visible) { color:var(--apch-navy); border-color:var(--apch-navy); background:var(--apch-surface); }
.apch-brand .button.primary, .apch-brand .btn-bento-primary, .apch-brand .btn-brand { color:#fff!important; background:var(--apch-red)!important; border-color:var(--apch-red)!important; }
.apch-brand .button.primary:hover, .apch-brand .btn-bento-primary:hover, .apch-brand .btn-brand:hover { background:var(--apch-red-dark)!important; border-color:var(--apch-red-dark)!important; }
.apch-brand .btn-primary { --bs-btn-bg:var(--apch-blue); --bs-btn-border-color:var(--apch-blue); --bs-btn-hover-bg:var(--apch-navy); --bs-btn-hover-border-color:var(--apch-navy); --bs-btn-active-bg:var(--apch-navy); }
.apch-brand .btn-outline-primary { --bs-btn-color:var(--apch-blue); --bs-btn-border-color:var(--apch-blue); --bs-btn-hover-bg:var(--apch-blue); --bs-btn-hover-border-color:var(--apch-blue); }
.apch-brand .text-primary { color:var(--apch-blue)!important; }
.apch-brand .text-muted { color:var(--apch-gray)!important; }
.apch-brand .part-card { border-color:var(--apch-border); border-radius:8px; overflow:hidden; background:#fff; }
.apch-brand .part-card:hover { border-color:var(--apch-blue); }
.apch-brand .part-body h3 { line-height:1.4; }
.apch-brand .part-meta { color:var(--apch-gray); }
.apch-brand .auto-category-browser, .apch-brand .auto-category-grid a { border-color:var(--apch-border); border-radius:6px; color:var(--apch-navy); }
.apch-brand .auto-category-grid a:hover { border-color:var(--apch-blue); background:var(--apch-surface); }
.apch-brand .auto-footer, .apch-brand .apch-corporate-footer { background:var(--apch-navy); color:#fff; border-top:4px solid var(--apch-red); }
.apch-brand .auto-footer { align-items:center; padding:28px 4%; }
.apch-brand .apch-corporate-footer .container { display:flex; align-items:center; gap:28px; }
.apch-brand .apch-corporate-footer p { margin:0; color:#fff; }
.apch-brand .apch-chat-toggle { background:var(--apch-red)!important; color:#fff!important; border-color:var(--apch-red)!important; }
.apch-brand .apch-chat-panel { border-color:var(--apch-blue); border-radius:8px; box-shadow:0 8px 32px #0f3d6420; }
.apch-brand .apch-chat-panel header { background:var(--apch-navy); color:#fff; }
.apch-brand .apch-chat-panel header h2 { color:#fff; }
.apch-brand .site-navigation { border-top:3px solid var(--apch-red); border-bottom:1px solid var(--apch-border); }
.apch-brand .site-navigation .navbar-brand { display:block; padding:8px 0; }
.apch-brand .admin-sidebar { border-color:var(--apch-border); }
.apch-brand .admin-sidebar .nav-link.active { background:#e5114710; color:var(--apch-red-dark)!important; border-left-color:var(--apch-red)!important; }
.apch-brand .apch-auth { background:var(--apch-surface)!important; font-family:Arial,Helvetica,system-ui,sans-serif; }
.apch-brand .apch-auth .bento-card { border:1px solid var(--apch-border)!important; border-top:4px solid var(--apch-red)!important; border-radius:8px!important; box-shadow:0 6px 24px #0f3d640a; }
.apch-brand .apch-auth input { border-color:var(--apch-gray-light)!important; border-radius:5px!important; }
.apch-brand .apch-auth .btn-bento-primary { width:100%; }
@media(max-width:760px) {
  .apch-brand .auto-header { padding:12px 5%; flex-direction:row; flex-wrap:wrap; align-items:center; gap:8px 18px; }
  .apch-logo--header { width:148px; }
  .apch-brand .auto-header nav { width:100%; gap:4px; border-top:1px solid var(--apch-border); padding-top:8px; }
  .apch-brand .auto-header nav a { padding:8px 11px; font-size:.85rem; }
  .apch-brand .auto-footer { align-items:flex-start; gap:16px; }
  .apch-brand .apch-corporate-footer .container { flex-direction:column; align-items:flex-start; gap:16px; }
  .apch-brand .apch-auth { padding:24px 0!important; min-height:0!important; }
  .apch-brand .apch-auth .bento-card { padding:24px!important; }
}
@media(prefers-reduced-motion:reduce) { .apch-brand *, .apch-brand *::before, .apch-brand *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }
@media print {
  .apch-brand { background:#fff; color:var(--apch-black); }
  .apch-brand .auto-footer, .apch-brand .apch-corporate-footer { background:#fff; color:var(--apch-black); border-color:var(--apch-black); }
  .apch-brand .apch-corporate-footer p { color:var(--apch-black); }
  .apch-logo { width:140px; break-inside:avoid; }
  .apch-brand .apch-chat { display:none; }
}