/* Página de calculadoras (listado en una subcategoría) */
.subcat-page{max-width:1100px;margin:0 auto;padding:12px 12px 20px}

/* Cabecera */
.subcat-header{margin:6px 0 12px}
.subcat-header h1{font-size:22px;margin:0 0 6px}
.subcat-intro{color:var(--muted);margin:0}

/* Grid de tarjetas */
.grid{display:grid;gap:12px;grid-template-columns:repeat(1,minmax(0,1fr))}
@media(min-width:600px){
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:960px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:1280px){
  .grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
.calc-grid{margin-top:8px}

/* Media */
.img-ph{width:100%;height:100%;background:linear-gradient(120deg,rgba(0,0,0,.06),rgba(0,0,0,.02));}

/* Vacíos */
.empty-state{padding:24px;border:1px dashed var(--border);border-radius:12px;text-align:center;color:var(--muted);background:var(--card)}

/* Responsive */
@media(min-width:768px){
  .subcat-page{padding:16px}
  .subcat-header h1{font-size:26px}
  .grid{gap:16px}
}

/* Colapsar hueco cuando un anuncio no se rellena */
.ad-slot.ad-slot--empty{
  min-height:0 !important;
  height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}
.ad-slot.ad-slot--empty > ins.adsbygoogle{
  display:none !important;
  min-height:0 !important;
}