/* Versión «Arch» — minimalista, estudio de arquitectura: blanco hueso, negro, líneas finas, tipografía grotesca y mono */
:root{--ink:#111;--ink-2:#111;--dim:#6f6f6a;--faint:#a3a39c;--line:#dcdcd6;--bg:#f6f5f1;--bg-2:#eeede8;--shadow:none;--radius:0;--red:#E9242C;--red-dark:#111;--red-soft:#eeede8}
body{background:var(--bg);font:400 15px/1.55 'Inter Tight',-apple-system,sans-serif;letter-spacing:-.005em}
h1,h2,h3,.title,.list-head h1,.item h3,.btn,.tabs button,.hd-link,.hd-btn,.hd-search button,.banner h2,.how h3,.modal h2,.related h2,.pcard-h input{font-family:'Inter Tight',sans-serif!important}
.eyebrow,.ix-n,.ix-c,.ix-h,.meta span,.item h3 small,.crumb,.list-head .n,.ft,.ptable small,.swatches figure{font-family:'IBM Plex Mono',monospace!important;letter-spacing:.02em}
.hd{background:var(--bg);box-shadow:none;border-bottom:1px solid var(--ink);padding:14px 40px}
.hd-logo img{height:34px;filter:grayscale(1) brightness(0)}
.hd-search{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:4px 0}
.hd-search button,.hd-btn,.btn{border-radius:0;background:var(--ink);font-weight:500;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.hd-search button:hover,.hd-btn:hover,.btn:hover{background:var(--red)}
.btn.ghost{background:transparent;border:1px solid var(--ink);color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.hd-count{border-radius:0;color:var(--ink)}
.hd-lang a.on{color:var(--ink);text-decoration:underline}
.app{max-width:1520px;padding:0 40px 80px}
.eyebrow{font-size:11px;text-transform:uppercase;color:var(--dim);margin:0 0 18px}
/* portada */
.ax-hero{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end;padding:72px 0 56px;border-bottom:1px solid var(--ink)}
.ax-hero h1{font-size:clamp(40px,5.2vw,80px);line-height:.98;font-weight:500;letter-spacing:-.035em;margin:0 0 28px}
.ax-lead{max-width:440px;color:var(--dim);margin:0 0 40px}
.ax-stats{display:flex;gap:48px;border-top:1px solid var(--line);padding-top:18px}
.ax-stats b{display:block;font-size:30px;font-weight:500;letter-spacing:-.02em}
.ax-stats span{font:11px 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--dim)}
.ax-hero-img{margin:0}
.ax-hero-img img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;filter:grayscale(.85) contrast(1.05)}
.ax-hero-img figcaption{font:11px 'IBM Plex Mono',monospace;color:var(--dim);margin-top:8px;text-transform:uppercase}
.ix{margin-top:56px}
.ix-h{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;color:var(--dim);border-bottom:1px solid var(--ink);padding-bottom:10px}
.ix-row{position:relative;display:grid;grid-template-columns:70px 1fr 120px 150px;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .2s}
.ix-row:hover{padding-left:14px}
.ix-row:hover .ix-t{color:var(--red)}
.ix-n{font-size:12px;color:var(--faint)}
.ix-t{font-size:clamp(22px,2.6vw,38px);font-weight:400;letter-spacing:-.025em;line-height:1.1}
.ix-c{font-size:12px;text-align:right;color:var(--dim)}
.ix-img{height:64px;display:flex;justify-content:flex-end}
.ix-img img{height:64px;width:110px;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.75;transition:.2s}
.ix-row:hover .ix-img img{filter:none;opacity:1}
.how{gap:0;border-top:1px solid var(--ink);margin-top:72px}
.how div{background:transparent;border-radius:0;border-right:1px solid var(--line);padding:24px 24px 24px 0;margin-right:24px}
.how div:last-child{border-right:0}
.how b{background:transparent;color:var(--ink);border:1px solid var(--ink);border-radius:0;font:500 11px 'IBM Plex Mono',monospace}
.how h3{font-weight:500;font-size:20px;letter-spacing:-.01em}
/* listados y ficha */
.filters{background:var(--bg);box-shadow:none;border-bottom:1px solid var(--line);margin:0 -40px 34px;padding:16px 40px;justify-content:flex-start}
.filters select,.filters input{border-radius:0;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:0 2px}
.list-head{border-bottom:1px solid var(--ink);padding:34px 0 14px}
.list-head h1{font-size:44px;font-weight:500;letter-spacing:-.03em}
.chips a{border-radius:0;background:transparent;border:1px solid var(--line);font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase}
.chips a:hover{border-color:var(--ink);color:var(--ink)}
.grid{gap:0;border-left:1px solid var(--line)}
.item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px;gap:14px}
.item .pic{box-shadow:none;background:transparent;border-radius:0;padding:6px}
.item .pic img{mix-blend-mode:multiply}
.item:hover{background:#fff}
.item:hover .pic{box-shadow:none}
.item h3{text-align:left;font-weight:500;font-size:14px;letter-spacing:-.01em}
.crumb{padding-top:30px;font-size:11px;text-transform:uppercase}
.crumb a{color:var(--dim)}
.big,.thumbs button{box-shadow:none;border:1px solid var(--line);border-radius:0;background:#fff}
.thumbs button.on{border-color:var(--ink)}
.title{font-size:44px;font-weight:500;letter-spacing:-.03em;line-height:1.02}
.meta span{border-radius:0;background:transparent;border:1px solid var(--line);font-size:11px;text-transform:uppercase}
.tabs{border-bottom:1px solid var(--ink)}
.tabs button{text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
.pane{font-size:15px;color:var(--ink)}
.pane td,.pane th{font-size:13px}
.pane th{font:500 11px 'IBM Plex Mono',monospace;text-transform:uppercase;color:var(--dim)}
.specs-list li::before{background:var(--ink);border-radius:0}
.swatches img{border-radius:0;box-shadow:none}
.qty .step,.add select,.pcard,.plist button,.share,.field input,.field textarea,.modal-box{border-radius:0}
.pcard{box-shadow:none;border:1px solid var(--ink)}
.plist button.on{border-color:var(--ink);background:#fff}
.ft{background:var(--bg);border-top:1px solid var(--ink)}
.ft-logo{filter:grayscale(1) brightness(0);height:30px}
.ft-ver a.on{color:var(--ink)}
@media (max-width:900px){
  .hd{padding:10px 16px}.app{padding:0 16px 60px}.filters{margin:0 -16px 24px;padding:12px 16px}
  .ax-hero{grid-template-columns:1fr;gap:32px;padding:40px 0}
  .ix-row{grid-template-columns:40px 1fr 60px}.ix-img{display:none}
  .how div{border-right:0;border-bottom:1px solid var(--line);margin:0}
  .list-head h1,.title{font-size:32px}
}