@font-face{font-family:'Syne';font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2BL9A.woff2) format('woff2');}
@font-face{font-family:'Syne';font-style:normal;font-weight:800;src:url(https://fonts.gstatic.com/s/syne/v24/8vIH7w4qzmVxm2BL9A.woff2) format('woff2');}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:500;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:600;src:url(https://fonts.gstatic.com/s/worksans/v24/QGYsz_wNahGAdqQ43Rh_fKDp.woff2) format('woff2');}

.kbg{
  --paper:#FCFBF9; --ink:#141414; --copper:#BE7C34; --line:#e7e3db; --muted:#6f6a62; --card:#ffffff;
  font-family:'Work Sans',Arial,sans-serif; color:var(--ink); background:var(--paper);
  max-width:1200px; margin:0 auto; padding:36px 18px 64px; box-sizing:border-box;
  position:relative;
  /* Extiende el fondo crema a todo el ancho de la ventana (mas alla de los
     1200px del contenido) sin tocar el body del tema, para no arriesgar
     el fondo de ninguna otra pagina del sitio. */
  box-shadow:0 0 0 100vmax var(--paper);
  clip-path:inset(0 -100vmax);
}
.kbg *{box-sizing:border-box;}
.kbg-breadcrumb{font-size:12.5px;color:var(--muted);margin:0 0 12px;}
.kbg-breadcrumb a{color:var(--muted);text-decoration:none;}
.kbg-breadcrumb a:hover{color:var(--copper);text-decoration:underline;}
.kbg-eyebrow{font-family:'Work Sans',sans-serif;font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper);margin:0 0 8px;}
.kbg-head h1{font-family:'Syne',Arial,sans-serif;font-size:clamp(26px,4vw,40px);font-weight:800;margin:0 0 10px;line-height:1.08;}
.kbg-head p{margin:0 0 30px;color:var(--muted);font-size:14.5px;max-width:60ch;}

/* Layout: contenido principal (izq) + barra lateral (der) */
.kbg-layout{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:start;}
.kbg-main{min-width:0;}

.kbg-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 24px;}
.kbg-card{display:block;text-decoration:none;color:inherit;}
.kbg-thumb{
  position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#efece5;border-radius:2px;margin-bottom:14px;
}
.kbg-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.kbg-card:hover .kbg-thumb img{transform:scale(1.045);}
.kbg-thumb.kbg-noimg{display:flex;align-items:center;justify-content:center;background:var(--ink);}
.kbg-thumb.kbg-noimg span{font-family:'Syne',sans-serif;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--copper);}
.kbg-cat{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--copper);margin:0 0 6px;}
.kbg-title{font-family:'Syne',sans-serif;font-weight:700;font-size:17px;line-height:1.28;margin:0 0 8px;}
.kbg-date{font-size:12px;color:var(--muted);}
.kbg-empty{color:var(--muted);font-size:14px;}

/* Paginación */
.kbg-pagination{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line);}
.kbg-page-link{
  font-family:'Work Sans',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;color:var(--ink);border:1px solid var(--ink);border-radius:20px;padding:9px 18px;transition:.15s;
}
.kbg-page-link:hover{background:var(--ink);color:var(--paper);}
.kbg-page-current{font-size:12.5px;color:var(--muted);}

/* Barra lateral */
.kbg-side{display:flex;flex-direction:column;gap:26px;}
.kbg-banner{display:block;border-radius:2px;overflow:hidden;}
.kbg-banner img{width:100%;height:auto;display:block;}

.kbg-box{border-top:2px solid var(--ink);padding-top:14px;}
.kbg-box-title{font-family:'Syne',sans-serif;font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;}
.kbg-recent-list,.kbg-cat-list{list-style:none;margin:0;padding:0;}
.kbg-recent-list li{padding:12px 0;border-bottom:1px solid var(--line);}
.kbg-recent-list li:first-child{padding-top:0;}
.kbg-recent-list a{
  display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink);
  font-family:'Syne',sans-serif;font-weight:700;font-size:13.5px;line-height:1.3;
}
.kbg-recent-list a span{font-family:'Work Sans',sans-serif;font-weight:400;font-size:11.5px;color:var(--muted);}
.kbg-cat-list li{border-bottom:1px solid var(--line);}
.kbg-cat-list li:last-child{border-bottom:none;}
.kbg-cat-list a{
  display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink);
  font-size:13.5px;padding:11px 0;transition:.15s;
}
.kbg-cat-list a:hover{color:var(--copper);}
.kbg-cat-list a span{font-size:11.5px;color:var(--muted);}
.kbg-empty-small{font-size:12.5px;color:var(--muted);margin:0;}

@media(max-width:900px){
  .kbg-layout{grid-template-columns:1fr;}
  .kbg-side{flex-direction:row;flex-wrap:wrap;}
  .kbg-banner{flex:1 1 100%;}
  .kbg-box{flex:1 1 260px;}
}
@media(max-width:560px){
  .kbg{padding:24px 14px 48px;}
  .kbg-grid{grid-template-columns:1fr;gap:26px;}
  .kbg-side{flex-direction:column;}
}