html[data-ineclogros-escritorio] .my_achievements_wrapper, html[data-ineclogros-movil] .my_achievements_wrapper {display:none !important}

.ineclg-cabecera { margin: 28px 0 16px; }
.ineclg-cabecera h1 { font-size: 24px; font-weight: 700; color: var(--inecmc-c-texto, #1d1d1f); margin: 0; }
.ineclg-sub { font-size: 14px; color: var(--inecmc-c-texto-sec, #526173); margin: 4px 0 16px; }
.ineclg-barra { display: flex; gap: 12px; margin-bottom: 16px; flex-wrap: wrap; }
.ineclg-buscar { display: flex; align-items: center; position: relative; flex: 1; min-width: 200px; }
.ineclg-ico { width: 16px; height: 16px; position: absolute; left: 12px; color: var(--inecmc-c-texto-sec, #526173); pointer-events: none; z-index: 1; }
.ineclg .ineclg-buscar input:not(#_),
.ineclg-buscar input:not(#_) { width: 100%; height: 36px; padding: 0 12px 0 36px; border: 1px solid var(--inecmc-c-borde, #e5e7eb); border-radius: 8px; background: var(--inecmc-c-fondo, #fff); color: var(--inecmc-c-texto, #1d1d1f); font-family: inherit; box-sizing: border-box; }
.ineclg-filtros { display: flex; align-items: center; }
.ineclg-filtro { height: 36px; padding: 0 12px; border: 1px solid var(--inecmc-c-borde, #e5e7eb); border-radius: 8px; background: var(--inecmc-c-fondo, #fff); color: var(--inecmc-c-texto, #1d1d1f); font-family: inherit; font-size: var(--inec-menu-fs, 14px); font-weight: 500; cursor: pointer; box-sizing: border-box; }

.ineclg-seccion { margin-bottom: 32px; }
.ineclg-seccion-titulo { font-size: 18px; font-weight: 600; color: var(--inecmc-c-texto, #1d1d1f); margin: 0 0 16px; }

.ineclg-vacio { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px 24px; text-align: center; color: var(--inecmc-c-texto-sec, #526173); background: var(--inecmc-c-hover, #f3f4f6); border-radius: 16px; margin: 32px 0; }
.ineclg-vacio svg { width: 48px; height: 48px; margin-bottom: 16px; color: var(--inecmc-c-texto-sec, #526173); opacity: 0.5; }
.ineclg-vacio p { margin: 0; font-size: 15px; max-width: 320px; }

.ineclg-rejilla-cert { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; min-width: 0; }
.ineclg-cert { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 0.8px solid var(--inecmc-c-borde, #e5e7eb); border-radius: 16px; background: var(--inecmc-c-fondo, #fff); }
.ineclg-cert-previa { padding: 14px; background: var(--inecmc-c-hover, #f3f4f6); border-radius: 16px 16px 0 0; }
.ineclg-cert-svg { display: block; width: 100%; height: auto; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.08); transition: transform .2s; }
.ineclg-cert-real:not(#_) { overflow: hidden; display: flex; justify-content: center; border-radius: 4px; box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 6px 16px rgba(0,0,0,.08); background: #fff; transition: transform .2s; }
.ineclg-cert-real-lienzo:not(#_) { position: relative; flex: none; background-repeat: no-repeat; }
.ineclg-cert:hover .ineclg-cert-svg, .ineclg-cert:hover .ineclg-cert-real:not(#_) { transform: translateY(-2px); }
.ineclg-cert-cuerpo { padding: 16px 16px 12px; display: flex; flex-direction: column; flex: 1; box-sizing: border-box; }
.ineclg-cert-meta { font-size: 12px; color: var(--inecmc-c-texto-sec, #526173); margin-bottom: 6px; }
.ineclg-cert-meta svg { width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; }
.ineclg-cert-titulo { margin: 0 0 8px; font-size: 16px; font-weight: 500; line-height: 1.35; color: var(--inecmc-c-texto, #1d1d1f); }
.ineclg-cert-folio { margin: 0 0 16px; font-size: 12px; color: var(--inecmc-c-texto-sec, #526173); font-variant-numeric: tabular-nums; }
.ineclg-cert-acciones { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; }

.ineclg-pdf, .ineclg-li-oficial, .ineclg-pdf-no {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1 1 0; min-width: 0; height: 36px; padding: 0 10px; border-radius: 999px; font-family: inherit; font-size: 13px; font-weight: 600; white-space: nowrap; cursor: pointer; transition: background .15s, color .15s; text-decoration: none; box-sizing: border-box;
}
.ineclg-pdf:not(#_) { border: 0.8px solid var(--inec-marca, #f16645); background: transparent; color: var(--inec-marca, #f16645); text-decoration: none; }
.ineclg-pdf:visited:not(#_) { color: var(--inec-marca, #f16645); background: transparent; }
.ineclg-pdf:hover:not(#_) { background: var(--inec-marca, #f16645); color: #fff; text-decoration: none; }
.ineclg-pdf:hover:visited:not(#_) { background: var(--inec-marca, #f16645); color: #fff; }
.ineclg-pdf-no:not(#_) { border: 0.8px solid var(--inecmc-c-borde, #e5e7eb); background: transparent; color: var(--inecmc-c-texto-sec, #526173); cursor: default; text-decoration: none; }
.ineclg-li-oficial:not(#_) { border: 0; background: #0A66C2; color: #fff; text-decoration: none; }
.ineclg-li-oficial:visited:not(#_), .ineclg-li-oficial:focus:not(#_) { background: #0A66C2; color: #fff; text-decoration: none; }
.ineclg-li-oficial:hover:not(#_) { background: #004182; color: #fff; text-decoration: none; }
.ineclg-li-oficial:hover:visited:not(#_) { background: #004182; color: #fff; }
.ineclg-li-oficial:not(#_) svg,
.ineclg-li-oficial:not(#_) span,
.ineclg-li-oficial:not(#_) i,
.ineclg-li-oficial:hover:not(#_) svg,
.ineclg-li-oficial:hover:not(#_) span,
.ineclg-li-oficial:hover:not(#_) i,
.ineclg-li-oficial:visited:not(#_) svg,
.ineclg-li-oficial:visited:not(#_) span,
.ineclg-li-oficial:visited:not(#_) i,
.ineclg-li-oficial:focus:not(#_) svg,
.ineclg-li-oficial:focus:not(#_) span,
.ineclg-li-oficial:focus:not(#_) i,
.ineclg-li-oficial:not(#_) :is(svg, span, i) {
  color: #fff;
  fill: currentColor;
  background: transparent;
  border: 0;
}
.ineclg-li-oficial:not(#_) svg { width: 16px; height: 16px; flex: none; }
/* Tarjeta de Mis cursos reusada: sus reglas de logo van bajo section.inecmc */
section.ineclg:not(#_) .inecmc-portada .inecmc-logo-inec { display: block; width: 100%; height: 100%; max-width: none; padding: 18%; box-sizing: border-box; }
section.ineclg:not(#_) .inecmc-org .inecmc-logo-inec { flex: none; width: auto; height: 24px; max-width: 72px; object-fit: contain; }
html.inec-oscuro section.ineclg:not(#_) .inecmc-org .inecmc-logo-inec { background: #fff; border-radius: 6px; padding: 2px 6px; }
.ineclg-pdf:focus-visible, .ineclg-li-oficial:focus-visible { outline: 2px solid var(--inec-marca, #f16645); outline-offset: 2px; }

.ineclg-compartir { display: flex; align-items: center; gap: 2px; margin-top: auto; padding-top: 10px; border-top: 0.8px solid var(--inecmc-c-borde, #e5e7eb); flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.ineclg-compartir::-webkit-scrollbar { display: none; }
.ineclg-red { display: grid; place-items: center; flex: none; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 8px; background: transparent; color: var(--inecmc-c-texto-sec, #526173); cursor: pointer; transition: color .15s; text-decoration: none; }
.ineclg-red svg { width: 16px; height: 16px; }
.ineclg-red:hover, .ineclg-red:focus-visible { color: var(--inec-marca, #f16645); outline: none; }

.ineclg-rejilla-cursos { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; min-width: 0; }
.ineclg-curso { display: flex; align-items: center; gap: 12px; padding: 12px; border: 0.8px solid var(--inecmc-c-borde, #e5e7eb); border-radius: 12px; background: var(--inecmc-c-fondo, #fff); cursor: pointer; transition: transform .2s, box-shadow .2s; box-sizing: border-box; }
.ineclg-curso:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,.05); }
.ineclg-curso-img { width: 64px; height: 64px; flex: none; border-radius: 8px; overflow: hidden; background: var(--inecmc-c-hover, #f3f4f6); }
.ineclg-curso-img img { width: 100%; height: 100%; object-fit: cover; }
.ineclg-curso-cuerpo { flex: 1; min-width: 0; }
.ineclg-curso-titulo { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.35; color: var(--inecmc-c-texto, #1d1d1f); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 768px) {
  .ineclg-rejilla-cert { grid-template-columns: 1fr; }
  .ineclg-cabecera { display: flex; flex-direction: column; gap: 8px; }
  .ineclg-barra { flex-direction: column; gap: 8px; }
  .ineclg-buscar { width: 100%; }
  .ineclg-filtros { width: 100%; }
  .ineclg-filtro { width: 100%; }
  .ineclg-compartir { overflow-x: auto; padding-bottom: 4px; }
}