/* Red/graphite identity. Base layout remains in styles.css. All assets are local. */
:root{--ink:#242428;--muted:#62616a;--blue:#ae1127;--yellow:#c5162e;--border:#e3dfe0;--bg:#f5f3f3;--accent:#c5162e}
body,.top,.catalog-section,.search-zone{background:#faf9f8}
.top{min-height:100px}.brand{color:var(--ink)}.brand small{letter-spacing:.06em}
.primary{background:var(--accent);color:#fff}.primary:hover{background:#a40e26;color:#fff}
.top-nav{gap:18px}.about-entry{color:var(--ink);font-size:14px;font-weight:700;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:6px}
.inventory-entry{background:#fff}.contact{color:var(--ink)}
.hero{background:#c5162e;padding-top:28px;padding-bottom:28px;border-bottom:1px solid #ffffff24}
.hero h1{font-size:clamp(29px,3.4vw,45px);color:#fff}.hero h1 span{color:#fff}
.hero .eyebrow,.hero p:last-child,.hero-detail small{color:#ffe8ec}.hero-detail{opacity:1}
.brands-band{background:#ae1127;color:#fff;padding:17px max(24px,calc((100vw - 1176px)/2));display:flex;gap:28px;align-items:center}
.brands-caption{flex:0 0 210px}.brands-caption h2{font-size:18px}.brands-caption p{font-size:13px;margin-top:5px;color:#ffe8ec}
.brands-controls{display:flex;gap:10px;align-items:center;flex:1;min-width:0}
.brands-controls>button{width:44px;min-width:44px;min-height:48px;padding:0;background:#fff;color:#ae1127;border:0;font-size:32px;border-radius:8px;line-height:1}
.brands-controls>button:disabled{opacity:.4}.brand-ribbon{display:flex;gap:12px;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#ffffff80 transparent;padding:3px 1px 8px}
.brand-tile{flex:0 0 149px;min-height:62px;padding:12px 14px;color:#fff;background:transparent;border:1px solid #ffffff66;border-radius:8px;font-size:21px;font-weight:800;letter-spacing:.02em;scroll-snap-align:start;text-transform:uppercase}
.brand-tile:hover,.brand-tile[aria-pressed=true]{background:#fff;color:#ae1127;border-color:#fff}
.brand-tile:focus-visible,.brands-controls>button:focus-visible{outline-color:#fff;outline-offset:1px}
.search-box{border-color:#242428;box-shadow:0 5px 18px #24242808}.search-box svg{stroke:var(--accent)}
.chip[aria-pressed=true]{background:#242428}.product{border-top-color:#c5162e;box-shadow:0 5px 20px #24242806}
.product[data-type="Cables de freno"]{border-top-color:#c5162e}.product[data-type="Cables de embrague"]{border-top-color:#58545d}.product[data-type="Bombas de embrague"]{border-top-color:#9a182b}.product[data-type="Bombas auxiliares"]{border-top-color:#795b62}
.vehicle-badge{background:#242428}.product-image{background:#f5f4f3}.product button{background:#c5162e;border-color:#c5162e;color:#fff}
.product button:hover{background:#a40e26;border-color:#a40e26;color:#fff}.product button.selected{background:#fff0f2;border-color:#efb3be;color:#9a1025}
.product button.detail-link{background:#fff;border:1px solid #ded8db;color:#242428;font-weight:600;margin-top:0;min-height:44px;padding:9px 12px}
.product button.detail-link:hover{background:#f5f3f3;border-color:#a49aa0;color:#242428}.product button:disabled{background:var(--bg);border-color:var(--border);color:var(--muted)}
.sku{color:#a60e25}.help-card{background:#fff3f4;border-color:#efcbd2}.how{background:#f2eff0;border-color:var(--border)}
.cart-bar,.cart-bar.has-items{background:#242428;box-shadow:0 -4px 20px #24242814}.cart-bar small{color:#e7e2e4}
dialog::backdrop{background:#202024a6}.cart-help{font-size:14px;color:var(--muted);margin-bottom:8px}
.cart-line{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;align-items:start;justify-content:normal}
.cart-thumbnail{grid-column:1;grid-row:1;width:62px;height:62px;object-fit:contain;background:#f5f4f3;border:1px solid var(--border);border-radius:8px}
.cart-item-info{grid-column:2;min-width:0}.cart-item-info b{font-size:16px;line-height:1.4;display:block}.cart-line small{font-size:13px}
.cart-line .quantity{grid-column:2;grid-row:2;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin:0;min-width:0;padding-right:88px}
.quantity button{flex-shrink:0}.quantity button.cart-remove{width:auto;min-height:44px;padding:8px 11px;font-size:14px;color:#a60e25;border-color:#e2bdc6;background:#fff3f5;margin-left:auto;font-weight:700}
.cart-line .quantity button:disabled{background:#f5f3f3;opacity:.5}
.cart-line>.cart-remove{grid-column:2;grid-row:2;align-self:center;justify-self:end;min-height:44px;padding:8px 11px;font-size:14px;color:#a60e25;border:1px solid #e2bdc6;background:#fff3f5;font-weight:700}
.share-image{width:100%;margin-top:15px}.whatsapp{background:#146c43;color:#fff}
.product-dialog{width:min(650px,calc(100% - 24px))}.product-dialog .dialog-head{align-items:flex-start;gap:14px;margin-bottom:14px}
.product-dialog h2{font-size:25px;line-height:1.3}.detail-photo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;max-height:420px;background:#f5f4f3;border-radius:12px}
.detail-image-note{font-size:13px;color:var(--muted);margin-top:9px}.detail-code{font:700 18px/1.5 Consolas,monospace;color:#a60e25;overflow-wrap:anywhere;margin-top:18px}
.detail-description{font-size:16px;line-height:1.6;margin:12px 0;white-space:pre-line}.detail-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.detail-actions>*{flex:1;min-width:190px}
.workshop{width:min(1240px,100%);margin:0 auto;padding:46px 32px;display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center;scroll-margin-top:150px}
.workshop .eyebrow{color:#a60e25}.workshop h2{font-size:30px}.workshop-address{font-size:24px;line-height:1.5;font-weight:700;margin-top:20px}.workshop-reference{font-size:16px;color:var(--muted);margin-top:12px}
.directions{margin-top:22px;min-height:50px}.directions svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;flex-shrink:0}
.workshop-card{padding:25px;border:1px solid var(--border);border-radius:16px;background:#fff;text-align:center}.workshop-card svg{display:block;width:min(280px,100%);height:auto;margin:0 auto 20px}.workshop-card b{font-size:20px;display:block}.workshop-card p{margin-top:8px;color:var(--muted)}.workshop-card a{display:block;margin-top:14px;min-height:44px;padding:10px;font-weight:600}.workshop-card small{display:block;font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:950px){.brands-band{display:block;padding:16px 32px}.brands-caption{margin-bottom:11px}.brands-caption p{display:inline;margin-left:12px}.brands-caption h2{display:inline;font-size:16px}.top-nav{gap:11px}.about-entry{font-size:13px}.workshop{gap:25px}}
@media(max-width:580px){.top{padding:14px 16px;gap:11px 10px}.about-entry{grid-column:2;grid-row:2;justify-content:center;border:1px solid var(--border);border-radius:9px;padding:8px 10px;font-size:13px;background:#fff;min-height:44px}.inventory-entry{grid-column:1;grid-row:2;min-width:0;font-size:12px;padding:8px}.inventory-entry small{display:none}.brand{font-size:13px}.brand b{font-size:23px}.contact{font-size:12px}.hero{padding:21px 20px}.hero h1{font-size:29px}.hero .eyebrow{font-size:10px}.hero p:last-child{font-size:15px;line-height:1.5}.brands-band{padding:13px 16px}.brands-caption{margin-bottom:10px}.brands-caption h2{font-size:15px}.brands-caption p{font-size:12px;display:block;margin:3px 0 0}.brands-controls{gap:8px}.brands-controls>button{min-width:40px;width:40px;min-height:50px}.brand-tile{flex-basis:138px;min-height:55px;font-size:19px;padding:10px}.brand-ribbon{gap:9px;padding-bottom:6px}.search-zone{padding-top:19px}.search-zone>label{font-size:21px}.search-box button{padding:12px 14px}.workshop{grid-template-columns:1fr;padding:30px 20px;gap:25px;scroll-margin-top:160px}.workshop h2{font-size:27px}.workshop-address{font-size:22px;margin-top:16px}.workshop-card{padding:20px}.workshop-card svg{max-width:210px}.product-dialog h2{font-size:22px}.detail-photo{max-height:330px}.detail-actions>*{min-width:100%;width:100%}.cart-line{grid-template-columns:52px minmax(0,1fr);gap:10px}.cart-thumbnail{width:52px;height:52px}.cart-line .quantity{grid-column:1/-1;justify-content:flex-start;margin-top:2px}.cart-item-info b{font-size:15px}.quantity button.cart-remove{margin-left:auto}.product button.detail-link{font-size:13px;padding:8px}.product .stock{font-size:14px}}
@media(max-width:350px){.hero h1{font-size:26px}.brand b{font-size:20px}.about-entry{padding:8px;font-size:12px}.inventory-entry svg{width:15px;height:15px}.inventory-entry{gap:6px;font-size:11px}.brands-controls>button{min-width:36px;width:36px}.brand-tile{flex-basis:126px;font-size:18px}.search-box button{padding:12px 9px}.quantity{gap:7px}.quantity button.cart-remove{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.brand-ribbon{scroll-behavior:auto}}