.certification-badge{cursor:pointer;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:16px;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible}.certification-badge-image{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.certification-badge-image img{object-fit:contain;filter:drop-shadow(0 4px 12px #0000001a);border-radius:16px;width:100%;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.certification-badge:hover .certification-badge-image{transform:scale(1.05)translateY(-4px)}.certification-badge:hover .certification-badge-image img{filter:drop-shadow(0 8px 24px #0ea5e94d)}.certification-badge:active .certification-badge-image{transform:scale(1.02)translateY(-2px)}.certification-badge-placeholder{background:linear-gradient(135deg, var(--logo-accent), var(--accent-glow));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.certification-badge:hover .certification-badge-placeholder{filter:drop-shadow(0 8px 24px #0ea5e94d);transform:scale(1.05)translateY(-4px)}.certification-badge-info{text-align:center;width:100%;padding:0 8px}.certification-badge-title{color:var(--text-color);-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0 0 6px;font-size:1rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.certification-badge-issuer{color:var(--text-secondary);margin:0 0 10px;font-size:.85rem;line-height:1.2}.certification-badge-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.certification-badge-status.completed{color:#22c55e;background:#22c55e26;border:1px solid #22c55e4d}.certification-badge-status.in_progress{color:#eab308;background:#eab30826;border:1px solid #eab3084d}.certification-badge-status.expired,.certification-badge-status.revoked{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.certification-badge-status.planned{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}body.dark-mode .certification-badge-image img{filter:drop-shadow(0 4px 12px #0000004d)}body.dark-mode .certification-badge:hover .certification-badge-image img{filter:drop-shadow(0 8px 24px #0ea5e966)}
.certification-badge-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));justify-items:center;gap:32px;padding:32px 0;display:grid}@media (min-width:1200px){.certification-badge-grid{grid-template-columns:repeat(6,1fr);gap:40px}}@media (min-width:992px) and (max-width:1199px){.certification-badge-grid{grid-template-columns:repeat(5,1fr);gap:32px}}@media (min-width:768px) and (max-width:991px){.certification-badge-grid{grid-template-columns:repeat(4,1fr);gap:28px}}@media (min-width:576px) and (max-width:767px){.certification-badge-grid{grid-template-columns:repeat(3,1fr);gap:24px}}@media (max-width:575px){.certification-badge-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px 0}}.certification-badge-grid-empty{color:var(--text-secondary);text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.certification-badge-grid-empty i{color:var(--logo-accent);margin-bottom:16px;font-size:3rem}.certification-badge-grid-empty p{margin:0;font-size:1.1rem}