/* ============================================================
   Páginas de ARCHIVO (proyectos.html, blog.html) — Web V.2
   Requiere common.css + home.css (reutiliza las tarjetas).
   ============================================================ */
body{background:var(--crema-cl)}

.archive-hero{position:relative;overflow:hidden;padding:118px 0 66px;color:var(--hueso);text-align:center;
  background:linear-gradient(155deg,var(--oliva) 0%,var(--bosque) 78%,var(--bosque-d) 100%)}
.archive-hero .arc-niche{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(80%,720px);height:82%;
  background:rgba(201,203,180,.13);border-radius:320px 320px 0 0;pointer-events:none}
.archive-hero .container{position:relative;z-index:2}
.archive-hero .eyebrow{color:#dfe3c6;margin-bottom:14px}
.archive-hero h1{font-family:var(--tit);font-weight:500;font-size:clamp(2rem,6vw,3rem);color:#fff;line-height:1.08;margin-bottom:14px}
.archive-hero p{color:#eaece0;font-size:1.08rem;max-width:640px;margin:0 auto}

.archive-body{padding:56px 0 88px}
.project-filters{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}
.filter-btn{background:#eef0e0;border:none;padding:10px 24px;border-radius:999px;font-family:var(--spartan);font-size:.85rem;font-weight:600;color:#5c5d52;cursor:pointer;transition:all .3s}
.filter-btn:hover,.filter-btn.active{background:var(--oliva);color:#fff}
.project-card.hidden{display:none}
.archive-body .projects-grid,.archive-body .blog-grid{margin-top:0}