/* ══ CATÁLOGO ══ */

/* Cabecera */
.arch-head{
  display:flex;align-items:baseline;justify-content:space-between;
  padding:18px 0 10px;flex-wrap:wrap;gap:12px;
}
.arch-title{
  font-family:'Fraunces',serif;font-weight:400;
  font-size:clamp(22px,3.5vw,28px);
  color:var(--ink-navy);letter-spacing:-.015em;margin:0 0 2px;
}
.arch-count{
  font-family:'IBM Plex Mono',monospace;font-size:9px;
  color:var(--ink-navy);opacity:.45;letter-spacing:.04em;
}
.arch-sort-form{display:flex;align-items:center;}
.arch-sort{
  font-family:'IBM Plex Mono',monospace;font-size:9px;
  border:1px solid var(--line);padding:5px 10px;
  background:var(--paper);color:var(--ink-navy);
  cursor:pointer;appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%230E2033' opacity='.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 8px center;
  padding-right:22px;
}

/* Descripción SEO del término */
.arch-desc{
  font-family:'Archivo',sans-serif;font-size:13px;line-height:1.65;
  color:var(--ink-navy);opacity:.55;
  max-width:640px;
  margin:0 0 20px;
  padding-bottom:20px;
  border-bottom:1px solid var(--line);
}

/* Pills de categoría */
.arch-pills{
  display:flex;gap:8px;
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  padding:0 0 14px;
}
.arch-pills::-webkit-scrollbar{display:none;}
.arch-pill{
  flex-shrink:0;
  font-family:'IBM Plex Mono',monospace;font-size:9px;
  letter-spacing:.06em;text-transform:uppercase;
  padding:7px 14px;
  border:1.5px solid var(--ink-navy);
  color:var(--ink-navy);
  white-space:nowrap;text-decoration:none;
  transition:background .12s,color .12s;
}
.arch-pill:hover{background:var(--ink-navy);color:var(--paper);}
.arch-pill.active{background:var(--ink-navy);color:var(--paper);}

/* Grid */
.arch-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  border-top:1px solid var(--line);
  padding-top:14px;
  margin-bottom:32px;
}

/* Card */
.pcard{
  background:#fff;border:1px solid var(--line);
  display:flex;flex-direction:column;
  text-decoration:none;
  transition:box-shadow .15s;
}
.pcard:hover{box-shadow:2px 3px 0 var(--ink-navy);}
.pcard-img{
  aspect-ratio:3/4;overflow:hidden;
  position:relative;background:var(--mist);
  flex-shrink:0;
}
.pcard-img img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
}
.badge{
  position:absolute;top:8px;left:8px;
  font-family:'IBM Plex Mono',monospace;font-size:8px;
  letter-spacing:.05em;text-transform:uppercase;
  padding:3px 8px;
}
.badge-new{background:var(--ember);color:#fff;}
.badge-sold{background:rgba(14,32,51,.2);color:var(--ink-navy);}
.pcard-body{
  padding:10px 10px 12px;
  flex:1;display:flex;flex-direction:column;justify-content:space-between;
}
.pcard-pub{
  font-family:'IBM Plex Mono',monospace;font-size:8px;
  color:var(--river-blue);opacity:.8;
  letter-spacing:.04em;text-transform:uppercase;
  margin-bottom:3px;
}
.pcard-name{
  font-family:'Fraunces',serif;font-size:12px;font-weight:500;
  color:var(--ink-navy);line-height:1.2;
  margin-bottom:8px;
}
.pcard-foot{
  display:flex;align-items:center;justify-content:space-between;
}
.pcard-price{
  font-family:'IBM Plex Mono',monospace;font-size:11px;
  color:var(--ink-navy);
}
.pcard-price del,.pcard-price .woocommerce-Price-amount:first-child del{
  opacity:.5;margin-right:4px;
}
.pcard-add{
  width:24px;height:24px;border-radius:50%;
  background:var(--ink-navy);color:var(--paper);
  border:none;font-size:14px;
  cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
  transition:background .12s;
}
.pcard-add:hover{background:var(--ember);}
.is-sold-out .pcard-img{opacity:.7;}

/* Empty */
.arch-empty{
  padding:60px 0;text-align:center;
  border-top:1px solid var(--line);
}
.arch-empty p{font-family:'Fraunces',serif;font-size:20px;font-style:italic;color:var(--ink-navy);margin:0 0 16px;}
.arch-empty a{font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--river-blue);text-transform:uppercase;letter-spacing:.06em;}

/* Paginación */
.arch-pagination{
  display:flex;justify-content:center;gap:6px;
  padding:16px 0 32px;
  border-top:1px solid var(--line);
  font-family:'IBM Plex Mono',monospace;font-size:10px;
}
.arch-pagination .page-numbers{
  width:32px;height:32px;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--line);color:var(--ink-navy);opacity:.5;
  text-decoration:none;
}
.arch-pagination .page-numbers.current{
  background:var(--ink-navy);color:var(--paper);
  border-color:var(--ink-navy);opacity:1;
}
.arch-pagination .page-numbers:hover:not(.current){opacity:1;}
.arch-pagination .prev,.arch-pagination .next{
  border:none;opacity:.4;letter-spacing:0;
}

/* ══ TABLET (641–1024) ══ */
@media(min-width:641px){
  .arch-grid{grid-template-columns:repeat(3,1fr);gap:12px;}
  .arch-pill{padding:7px 16px;}
}

/* ══ DESKTOP (≥1025) ══ */
@media(min-width:1025px){
  .arch-head{padding:18px 0 12px;}
  .arch-grid{grid-template-columns:repeat(4,1fr);gap:14px;}
  .pcard-name{font-size:13px;}
  .arch-pill{font-size:9px;padding:7px 18px;}
}

/* ══ MOBILE ══ */
@media(max-width:640px){
  .arch-head{padding:14px 0 8px;}
  .arch-grid{gap:8px;}
  .pcard-pub{font-size:7.5px;}
  .pcard-name{font-size:11px;}
}