:root { color-scheme:only light; --yellow:#fdcd03; --red:#a41314; --red-dark:#821011; --whatsapp:#25d366; --whatsapp-hover:#1ebe5d; --whatsapp-ink:#102417; --ink:#272323; --muted:#686363; --page:#fff; --white:#fff; --line:#dfddda; --content:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--page); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; }
.skip-link { position:fixed; z-index:10; top:1rem; left:1rem; padding:.75rem 1rem; color:var(--white); background:var(--red); transform:translateY(-160%); }
.skip-link:focus { transform:none; }
.site-header { border-top:5px solid var(--yellow); border-bottom:1px solid var(--line); }
.header-inner,.hero-content,.footer-inner { width:min(calc(100% - 40px),var(--content)); margin-inline:auto; }
.header-inner { min-height:108px; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.brand { display:block; width:clamp(190px,22vw,285px); }
.brand img { display:block; width:100%; height:auto; }
.header-note { margin:0; color:var(--muted); font-size:.75rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }
.hero { border-bottom:1px solid var(--line); }
.hero-content { padding-block:clamp(4.5rem,9vw,8rem); }
.eyebrow { margin:0 0 1rem; color:var(--red); font-size:.75rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,p { margin-top:0; }
h1 { max-width:900px; margin-bottom:1.5rem; font-size:clamp(2.6rem,5.4vw,5.25rem); line-height:1.05; letter-spacing:-.045em; font-weight:700; }
.lead { max-width:760px; margin-bottom:0; color:var(--muted); font-size:clamp(1.05rem,1.6vw,1.3rem); line-height:1.65; }
.service { margin-top:clamp(3rem,6vw,5rem); padding:1.75rem 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:2rem; }
.service h2 { margin-bottom:.45rem; font-size:clamp(1.35rem,2.2vw,1.75rem); }
.service p { margin-bottom:0; color:var(--muted); line-height:1.5; }
.service-action { text-align:right; }
.whatsapp-button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:.75rem; padding:.85rem 1.4rem; color:var(--whatsapp-ink); background:var(--whatsapp); border:2px solid var(--whatsapp); border-radius:999px; font-size:.94rem; font-weight:700; line-height:1.2; text-decoration:none; }
.whatsapp-button[href]:hover { background:var(--whatsapp-hover); border-color:var(--whatsapp-hover); }
.whatsapp-button:focus-visible { outline:3px solid var(--ink); outline-offset:3px; }
.whatsapp-button[aria-disabled="true"] { cursor:not-allowed; opacity:.58; }
.configuration-note { margin-top:.55rem!important; font-size:.78rem; }
.site-footer { color:#272323; background:var(--yellow); }
.footer-inner { padding-block:clamp(3.5rem,7vw,5.5rem) 2rem; }
.footer-heading { margin-bottom:2rem; }
.footer-heading h2 { margin-bottom:0; font-size:clamp(2rem,3.5vw,3rem); letter-spacing:-.03em; }
.store-grid { position:relative; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:clamp(2.5rem,5vw,4.5rem); border-top:1px solid rgba(39,35,35,.24); border-bottom:1px solid rgba(39,35,35,.24); }
.store-grid::after { content:""; position:absolute; top:0; bottom:0; left:50%; width:1px; background:rgba(39,35,35,.24); transform:translateX(-.5px); pointer-events:none; }
.store { min-width:0; padding:2rem 0; }
.store-photo-button { position:relative; display:block; width:100%; margin:0 0 1.5rem; padding:0; overflow:hidden; color:var(--white); background:none; border:1px solid rgba(39,35,35,.2); cursor:zoom-in; }
.store-photo { display:block; width:100%; height:auto; }
.photo-hint { position:absolute; right:.75rem; bottom:.75rem; padding:.55rem .7rem; background:rgba(39,35,35,.84); border-radius:999px; font-size:.75rem; font-weight:700; opacity:0; transform:translateY(.25rem); transition:opacity .2s,transform .2s; }
.store-photo-button:hover .photo-hint,.store-photo-button:focus-visible .photo-hint { opacity:1; transform:none; }
.store-photo-button:focus-visible { outline:3px solid var(--red); outline-offset:3px; }
.store h3 { margin:0 0 1rem; font-size:1rem; }
.store address { color:#494141; font-size:.93rem; line-height:1.65; font-style:normal; }
.store address span { display:block; }
.store-hours { margin-top:1.25rem; }
.store-hours h4 { margin:0 0 .65rem; font-size:.8rem; letter-spacing:.06em; text-transform:uppercase; }
.store-hours dl { margin:0; font-size:.88rem; line-height:1.5; }
.store-hours dl div { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:1rem; }
.store-hours dt { color:#494141; }
.store-hours dd { margin:0; font-weight:700; }
.store-links { margin-top:1.25rem; display:flex; flex-wrap:wrap; gap:.6rem 1.25rem; }
.store-links a { color:var(--red); font-size:.88rem; font-weight:700; text-underline-offset:3px; }
.store-links a:hover { color:var(--red-dark); }
.store-links a:focus-visible { outline:3px solid var(--yellow); outline-offset:3px; }
.footer-bottom { padding-top:1.75rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.footer-logo { width:140px; aspect-ratio:2048/682; flex:0 0 auto; background:var(--red); -webkit-mask:url("assets/logo-industrial.png") center/contain no-repeat; mask:url("assets/logo-industrial.png") center/contain no-repeat; }
.footer-bottom p { margin:0; color:#494141; font-size:.8rem; }
.visually-hidden { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
body.lightbox-open { overflow:hidden; }
.lightbox[hidden] { display:none; }
.lightbox { position:fixed; z-index:100; inset:0; display:grid; place-items:center; padding:1rem; }
.lightbox-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.86); }
.lightbox-dialog { position:relative; width:min(1185px,calc(100vw - 2rem)); height:min(92vh,900px); display:grid; grid-template-rows:auto minmax(0,1fr); background:#171515; box-shadow:0 24px 80px rgba(0,0,0,.45); }
.lightbox-toolbar { min-height:56px; display:flex; align-items:center; justify-content:flex-end; gap:.45rem; padding:.5rem; color:#fff; background:#211e1e; }
.lightbox-toolbar button { width:42px; height:42px; padding:0; color:#fff; background:#3a3535; border:1px solid #5d5656; border-radius:50%; font-size:1.45rem; line-height:1; cursor:pointer; }
.lightbox-toolbar button:hover:not(:disabled) { background:var(--red); border-color:var(--red); }
.lightbox-toolbar button:focus-visible { outline:3px solid var(--yellow); outline-offset:2px; }
.lightbox-toolbar button:disabled { opacity:.38; cursor:not-allowed; }
.lightbox-toolbar output { min-width:55px; text-align:center; font-size:.82rem; font-weight:700; }
.lightbox-close { margin-left:.4rem; }
.lightbox-stage { min-height:0; overflow:auto; padding:1rem; text-align:center; }
.lightbox-stage img { display:block; max-width:none; height:auto; margin:auto; }
@media(max-width:800px) { .header-inner{min-height:88px}.header-note{display:none}.service{grid-template-columns:1fr;align-items:start}.service-action{text-align:left}.store-grid{grid-template-columns:1fr;column-gap:0}.store-grid::after{display:none}.store{padding:1.6rem 0}.store+.store{border-top:1px solid rgba(39,35,35,.24)} }
@media(max-width:520px) { .header-inner,.hero-content,.footer-inner{width:min(calc(100% - 32px),var(--content))}.brand{width:205px}.hero-content{padding-block:4rem}h1{font-size:2.55rem}.whatsapp-button{width:100%}.footer-bottom{align-items:flex-start;flex-direction:column}.footer-logo{width:125px}.photo-hint{opacity:1;transform:none}.lightbox{padding:.5rem}.lightbox-dialog{width:calc(100vw - 1rem);height:calc(100vh - 1rem)} }
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto} }