/* Arch v2 — catálogo de estudio de arquitectura: blanco, mucho aire, texto pequeño, imagen grande */
:root{--ink:#1b1b1b;--ink-2:#1b1b1b;--dim:#7c7c78;--faint:#b0b0aa;--line:#e3e3df;--bg:#fff;--bg-2:#f3f3f0;--shadow:none;--radius:0;--red:#E9242C;--red-dark:#1b1b1b;--red-soft:#f3f3f0;--gut:clamp(20px,4.5vw,72px)}
body{background:#fff;font:300 14px/1.6 'Inter',-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,.how h3,.modal h2,.related h2,.pcard-h input,.banner h2{font-family:'Inter',sans-serif!important;font-weight:400!important}
.hd{box-shadow:none;border-bottom:1px solid var(--line);padding:18px var(--gut);gap:32px}
.hd-logo img{height:28px;filter:grayscale(1) brightness(.1)}
.hd-search{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:2px 0;max-width:420px}
.hd-search input{font-size:13px}
.hd-search button{background:none;color:var(--ink);padding:6px 0 6px 10px;font-size:13px}
.hd-search button:hover{background:none;color:var(--dim)}
.hd-link{font-size:13px}
.hd-btn{background:none;color:var(--ink);padding:0;font-size:13px}
.hd-btn:hover{background:none;text-decoration:underline}
.hd-count{background:var(--ink);color:#fff;border-radius:0}
.hd-lang a{font-size:12px}.hd-lang a.on{color:var(--ink);font-weight:500}
.btn{border-radius:0;background:var(--ink);font-size:12px;letter-spacing:.04em;height:40px;padding:0 24px}
.btn:hover{background:#000}
.btn.ghost{background:#fff;border:1px solid var(--ink);color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:#fff}
.app{max-width:none;padding:0 var(--gut) 100px}
/* portada */
.a2-intro{display:grid;grid-template-columns:repeat(12,1fr);gap:0 24px;padding:clamp(60px,9vw,140px) 0 clamp(40px,6vw,90px)}
.a2-meta{grid-column:1/4;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--dim);padding-top:14px}
.a2-intro h1{grid-column:4/12;font:400 clamp(40px,5.6vw,92px)/1.02 'Instrument Serif',Georgia,serif!important;letter-spacing:-.015em;margin:0}
.a2-lead{grid-column:4/9;margin:34px 0 0;color:var(--dim);font-size:15px}
.a2-strip{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:clamp(60px,8vw,120px)}
.a2-strip img{width:100%;height:clamp(240px,34vw,520px);object-fit:cover;display:block;filter:saturate(.55) contrast(1.03)}
.a2-dept{margin-bottom:clamp(60px,8vw,120px)}
.a2-dept header{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;border-top:1px solid var(--ink);padding-top:14px;margin-bottom:28px}
.a2-dept header span{grid-column:1/4;font-size:12px;color:var(--dim)}
.a2-dept h2{grid-column:4/13;font-size:13px!important;margin:0;letter-spacing:.02em}
.a2-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px 24px}
.a2-grid.two{grid-template-columns:repeat(2,1fr)}
.a2-tile{text-decoration:none;display:block}
.a2-tile figure{margin:0;aspect-ratio:4/5;background:var(--bg-2);display:flex;align-items:center;justify-content:center;overflow:hidden}
.a2-grid.two .a2-tile figure{aspect-ratio:3/2}
.a2-tile figure img{width:62%;height:62%;object-fit:contain;mix-blend-mode:multiply;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.a2-grid.two .a2-tile figure img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal;filter:saturate(.6)}
.a2-tile:hover figure img{transform:scale(1.04)}
.a2-tile p{display:grid;grid-template-columns:40px 1fr auto;margin:12px 0 0;font-size:13px}
.a2-tile p span,.a2-tile p i{color:var(--dim);font-style:normal}
.a2-tile p b{font-weight:400}
.a2-tile:hover p b{text-decoration:underline;text-underline-offset:3px}
.how{gap:24px;margin:0}
.how div{background:none;border-radius:0;padding:0}
.how b{background:none;color:var(--dim);border-radius:0;width:auto;height:auto;font-weight:300;font-size:12px}
.how h3{font-size:22px!important;margin:6px 0 8px}
.how p{font-size:13px}
/* listados */
.filters{background:#fff;box-shadow:none;border-bottom:1px solid var(--line);margin:0 calc(-1*var(--gut)) 0;padding:14px var(--gut);justify-content:flex-start;gap:28px}
.filters select,.filters input{border:0;border-radius:0;padding:0;height:30px;font-size:13px;background:transparent}
.filters input{border-bottom:1px solid var(--line)}
.filters .btn{height:30px;padding:0 14px}
.list-head{padding:clamp(40px,6vw,90px) 0 26px;align-items:flex-end}
.list-head h1{font:400 clamp(34px,4.4vw,64px)/1 'Instrument Serif',Georgia,serif!important}
.list-head .n{font-size:12px}
.chips{gap:4px 18px;margin-bottom:44px}
.chips a{border:0;padding:0;background:none;font-size:13px;color:var(--dim)}
.chips a:hover{color:var(--ink);text-decoration:underline}
.grid{grid-template-columns:repeat(4,1fr);gap:52px 24px}
.item{gap:12px}
.item .pic{aspect-ratio:4/5;box-shadow:none;border-radius:0;background:var(--bg-2);padding:18%}
.item .pic img{mix-blend-mode:multiply}
.item:hover .pic{box-shadow:none}
.item h3{text-align:left;font-size:13px!important;color:var(--ink)}
.item:hover h3{text-decoration:underline;text-underline-offset:3px}
.more .btn{background:#fff;color:var(--ink);border:1px solid var(--ink)}
/* ficha */
.crumb{padding-top:28px;font-size:12px;margin-bottom:40px}
.crumb a{color:var(--dim)}
.prod{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(30px,5vw,90px)}
.gal{position:sticky;top:90px}
.big{aspect-ratio:4/5;box-shadow:none;border-radius:0;background:var(--bg-2);padding:10%}
.big img{mix-blend-mode:multiply}
.thumbs{order:2}
.thumbs button{box-shadow:none;border:1px solid transparent;border-radius:0;background:var(--bg-2);width:64px;height:80px}
.thumbs button.on{border-color:var(--ink)}
.title{font:400 clamp(30px,3.4vw,52px)/1.05 'Instrument Serif',Georgia,serif!important;margin-bottom:18px}
.meta{gap:4px 16px}
.meta span{background:none;padding:0;font-size:12px}
.tabs{justify-content:flex-start;gap:28px;border-bottom:1px solid var(--line)}
.tabs button{font-size:13px;padding:10px 0}
.tabs button.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:400}
.pane{font-size:14px;line-height:1.7;color:#333}
.pane th{font-weight:400;color:var(--dim);width:36%}
.pane td,.pane th{border-color:var(--line);padding:9px 0}
.specs-list li::before{border-radius:0;background:var(--ink);width:4px;height:4px;top:18px}
.swatches img{border-radius:0;box-shadow:none}
.qty .step,.add select,.pcard,.plist button,.share,.field input,.field textarea,.modal-box,.pdf{border-radius:0}
.qty .step button{background:#fff}
.add .btn{max-width:none}
.pcard{box-shadow:none;border:1px solid var(--line)}
.plist button.on{border-color:var(--ink);background:#fff}
.related h2{font-size:13px!important;border-top:1px solid var(--ink);padding-top:14px;margin-top:40px}
.ft{background:#fff;border-top:1px solid var(--line)}
.ft-in{padding:40px var(--gut);max-width:none}
.ft-logo{filter:grayscale(1) brightness(.1);height:26px}
.ft-ver a.on{color:var(--ink)}
@media (max-width:900px){
  .hd{padding:12px 16px}.app{padding:0 16px 60px}
  .a2-intro,.a2-dept header{display:block}
  .a2-meta{flex-direction:row;flex-wrap:wrap;gap:4px 14px;margin-bottom:22px}
  .a2-strip{grid-template-columns:1fr 1fr}.a2-strip img:first-child{grid-column:1/-1}
  .a2-grid{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,1fr)}
  .filters{margin:0 -16px;padding:12px 16px;gap:12px}
  .gal{position:static}
}
.gal>.big{order:1}.gal>.thumbs{order:2}.gal>.add{order:3}