/* QueComo – Certificaciones (mobile-first)
   Prefijo obligatorio: .qc-certificaciones
*/

.qc-certificaciones{
  border:2px solid #8d8d8d;
  border-radius:6px;
  background:#fff;
  --qc-certificaciones-base-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --qc-certificaciones-base-font-size: 12px;
  --qc-certificaciones-base-color: #222;

  --qc-certificaciones-title-font-family: var(--qc-certificaciones-base-font-family);
  --qc-certificaciones-title-font-size: 13px;
  --qc-certificaciones-title-color: #222;

  --qc-certificaciones-label-font-family: var(--qc-certificaciones-base-font-family);
  --qc-certificaciones-label-font-size: 12px;
  --qc-certificaciones-label-color: #444;

  --qc-certificaciones-debug-font-family: var(--qc-certificaciones-base-font-family);
  --qc-certificaciones-debug-font-size: 11px;
  --qc-certificaciones-debug-color: #444;

  font-family: var(--qc-certificaciones-base-font-family);
  font-size: var(--qc-certificaciones-base-font-size);
  color: var(--qc-certificaciones-base-color);
  overflow:hidden;
  margin:18px 0;
}

.qc-certificaciones__header{
  background:#efefef;
  padding:10px 12px;
  border-bottom:2px solid #8d8d8d;
}

.qc-certificaciones__title{
  margin:0;
  font-family: var(--qc-certificaciones-title-font-family);
  color: var(--qc-certificaciones-title-color);
  font-size: var(--qc-certificaciones-title-font-size);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.6px;
  line-height:1.2;
}

.qc-certificaciones__body{
  padding:12px;
}

.qc-certificaciones__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px 14px;
  align-items:center;
}

.qc-certificaciones__item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px;
}

.qc-certificaciones__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:var(--qc-icon, 44px);
  height:var(--qc-icon, 44px);
}

.qc-certificaciones__icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

.qc-certificaciones__label{
  font-family: var(--qc-certificaciones-label-font-family);
  font-size: var(--qc-certificaciones-label-font-size);
  color: var(--qc-certificaciones-label-color);
  text-align:center;
  line-height:1.2;
}

/* Debug (solo admins con debug=1) */
.qc-certificaciones__debug{
  margin:12px 0 0;
  padding:10px;
  border:1px dashed #b9b9b9;
  background:#fafafa;
  font-family: var(--qc-certificaciones-debug-font-family);
  color: var(--qc-certificaciones-debug-color);
  font-size: var(--qc-certificaciones-debug-font-size);
  overflow:auto;
}

/* Desktop: más columnas */
@media (min-width: 768px){
  .qc-certificaciones__grid{ grid-template-columns:repeat(6, minmax(0, 1fr)); }
}
@media (min-width: 1024px){
  .qc-certificaciones__grid{ grid-template-columns:repeat(8, minmax(0, 1fr)); }
}