/* Club Baby Shower · archivos de categoría (tema 1.1.6, 2026-11-13). Tarjetas como la Revista; caja del kit en tinta.
   Usa los tokens y botones de cbs-articulo.css. Motion solo con transform; contenido siempre visible. */
body.cbs-archivo #sidebar{display:none}
body.cbs-archivo #main-content .container::before{display:none}
.cbs-cat .cbs-eyebrow{display:inline-block;margin-top:22px;font:600 12px/1 var(--cbs-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--cbs-terra-ink)}
#page-container .cbs-cat .cbs-hero h1{margin-top:12px}
.cbs-cat .cat-lead{max-width:44em;margin-top:18px;font:400 clamp(16px,1.4vw,18px)/1.65 var(--cbs-sans);color:var(--cbs-ink-soft)}
.cbs-cat .cat-meta{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:18px;font:600 14px/1.4 var(--cbs-sans);color:var(--cbs-ink)}
.cbs-cat .cat-link{color:var(--cbs-terra-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px}
.cbs-cat .cat-sec{padding-bottom:clamp(28px,4vw,56px)}
.cbs-cat .cat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.cbs-cat .cat-card{display:flex;flex-direction:column;gap:12px;background:var(--cbs-page);border-radius:24px;padding:10px 10px 18px;text-decoration:none;color:var(--cbs-ink);box-shadow:0 22px 44px -36px rgba(62,57,54,.5);transition:transform .4s var(--cbs-ease),box-shadow .4s var(--cbs-ease)}
.cbs-cat .cat-card:hover{transform:translateY(-4px);box-shadow:0 28px 50px -30px rgba(62,57,54,.55)}
.cbs-cat .cat-img{display:block;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:var(--cbs-cream-2)}
.cbs-cat .cat-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s var(--cbs-ease)}
.cbs-cat .cat-card:hover .cat-img img{transform:scale(1.04)}
.cbs-cat .cat-txt{display:flex;flex-direction:column;gap:8px;padding:0 8px}
.cbs-cat .cat-t{font:700 17px/1.3 var(--cbs-serif);text-wrap:balance}
.cbs-cat .cat-card:hover .cat-t{color:var(--cbs-terra-ink)}
.cbs-cat .cat-d{font:500 13px/1.3 var(--cbs-sans);color:var(--cbs-ink-soft)}
/* La primera tarjeta de la página 1, destacada a lo ancho. */
.cbs-cat .cat-card--top{grid-column:span 2;grid-row:span 2}
.cbs-cat .cat-card--top .cat-img{aspect-ratio:auto;flex:1;min-height:260px}
.cbs-cat .cat-card--top .cat-t{font-size:clamp(22px,2.2vw,30px)}
/* 4 columnas: destacada (4 huecos) + 11 tarjetas dejarían un hueco; la última de la página 1 ocupa dos. */
@media (min-width:1101px){.cbs-cat .cat-card--top~.cat-card:nth-child(12):last-child{grid-column:span 2}.cbs-cat .cat-card--top~.cat-card:nth-child(12):last-child .cat-img{aspect-ratio:32/10}}
/* Paginación */
.cbs-cat .cat-pag{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:clamp(26px,3vw,40px);font:600 15px/1 var(--cbs-sans)}
.cbs-cat .cat-pag .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;border-radius:999px;background:var(--cbs-page);color:var(--cbs-ink);text-decoration:none;box-shadow:0 10px 24px -18px rgba(62,57,54,.5)}
.cbs-cat .cat-pag .current{background:var(--cbs-ink);color:var(--cbs-page)}
.cbs-cat .cat-pag a.page-numbers:hover{color:var(--cbs-terra-ink)}
/* Caja del kit (tinta, como en la Revista) */
.cbs-cat .cat-cta{background:var(--cbs-ink);color:#fff;border-radius:28px;padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:220px minmax(0,1fr) auto;gap:clamp(18px,3vw,34px);align-items:center;overflow:hidden}
.cbs-cat .cat-mock{margin:-10px 0 -10px -6px}
.cbs-cat .cat-mock img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 28px rgba(0,0,0,.45));transform:rotate(-4deg);transition:transform .5s var(--cbs-ease)}
.cbs-cat .cat-cta:hover .cat-mock img{transform:rotate(-1deg) scale(1.03)}
.cbs-cat .cat-cta .k{font:600 13px/1.3 var(--cbs-sans);letter-spacing:.14em;text-transform:uppercase;color:#F4E6BE}
.cbs-cat .cat-cta .t{font:700 clamp(22px,2.6vw,30px)/1.2 var(--cbs-serif);color:#fff;margin:6px 0}
.cbs-cat .cat-cta .t em{color:#F4E6BE}
.cbs-cat .cat-cta .dd{color:rgba(255,255,255,.8);font:400 15px/1.6 var(--cbs-sans)}
@media (max-width:1100px){.cbs-cat .cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cbs-cat .cat-cta{grid-template-columns:170px minmax(0,1fr) auto}}
@media (max-width:760px){
.cbs-cat .cat-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.cbs-cat .cat-card{flex-direction:row;align-items:center;gap:14px;padding:8px;border-radius:18px}
.cbs-cat .cat-img{flex:0 0 112px;aspect-ratio:4/3;border-radius:12px}
.cbs-cat .cat-txt{padding:0 4px 0 0}
.cbs-cat .cat-t{font-size:16px}
.cbs-cat .cat-card--top{grid-column:auto;grid-row:auto;flex-direction:column;align-items:stretch;padding:8px 8px 16px}
.cbs-cat .cat-card--top .cat-img{flex:none;aspect-ratio:16/10;min-height:0}
.cbs-cat .cat-card--top .cat-txt{padding:0 8px}
.cbs-cat .cat-card--top .cat-t{font-size:22px}
.cbs-cat .cat-cta{grid-template-columns:minmax(0,1fr)}
.cbs-cat .cat-mock{max-width:240px;margin:-4px auto 0}}
@media (prefers-reduced-motion:reduce){.cbs-cat .cat-card,.cbs-cat .cat-img img,.cbs-cat .cat-mock img{transition:none}}