/* Quantum Group · credenciales. Estilos limitados a esta sección y su visor. */
#credenciales.qg-credentials{min-height:0;padding-block:clamp(28px,4vh,48px)}
#credenciales .section-title{margin-bottom:20px}
#credenciales .section-title h2{font-size:clamp(1.8rem,3vw,2.8rem)}
#credenciales .section-title p{font-size:.9rem;max-width:760px;margin-inline:auto}
#credenciales .qg-credential-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:18px}
#credenciales .qg-credential-filters button{padding:9px 12px;border:1px solid #ccc;background:transparent;color:#333;font-size:.75rem;line-height:1.3;min-height:38px;transition:background .2s,color .2s}
#credenciales .qg-credential-filters button[aria-pressed=true]{background:#111;border-color:#111;color:#fff}
#credenciales .qg-credential-filters button:hover{border-color:#111}
#credenciales .qg-credential-gallery{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 12px;overscroll-behavior-x:contain}
#credenciales .qg-credential-card{flex:0 0 calc((100% - 32px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;border:1px solid #d4d4d4;background:#fff;color:#111;transition:box-shadow .2s,transform .2s}
#credenciales .qg-credential-card:hover{box-shadow:0 8px 20px #0001;transform:translateY(-2px)}
#credenciales [hidden]{display:none!important}
#credenciales .qg-certificate-preview{display:block;position:relative;width:100%;height:145px;padding:10px;background:#f0f0ed;border:0;border-bottom:1px solid #ddd;cursor:zoom-in}
#credenciales .qg-certificate-preview img{width:100%;height:100%;object-fit:contain;filter:none}
#credenciales .qg-certificate-preview>span{position:absolute;right:8px;bottom:8px;padding:3px 7px;background:#111;color:#fff;font-size:.6rem}
#credenciales .qg-credential-body{padding:14px;display:flex;flex:1;flex-direction:column;gap:8px}
#credenciales .qg-credential-category{font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:#666}
#credenciales .qg-credential-body h3{font-size:1.2rem;line-height:1.2;margin:0;min-height:2.4em}
#credenciales .qg-credential-issuer{font-size:.72rem;color:#555;line-height:1.4}
#credenciales .qg-credential-owner{font-size:.71rem;color:#333}
#credenciales .qg-credential-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:auto;padding-top:5px;font-size:.72rem}
#credenciales .qg-credential-actions button{background:none;border:0;color:#111;text-decoration:underline;text-underline-offset:3px;padding:5px 0;font-weight:700;min-height:32px}
#credenciales .qg-credential-actions a{color:#333;text-underline-offset:3px}
#credenciales .qg-credential-navigation{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:10px}
#credenciales .qg-credential-navigation button{width:40px;height:38px;background:#111;color:#fff;border:1px solid #111;font-size:1.1rem}
#credenciales .qg-credential-navigation button:disabled{background:#eee;border-color:#ddd;color:#888;cursor:default}
#credenciales .qg-credential-navigation span{font-size:.75rem;min-width:65px;text-align:center}
#credenciales .qg-credential-note{font-size:.7rem;text-align:center;color:#666;margin:14px auto 0;max-width:760px;line-height:1.5}
#credenciales :is(button,a):focus-visible,.qg-certificate-dialog :is(button,a):focus-visible{outline:2px solid #777;outline-offset:3px}
.qg-certificate-dialog{width:min(1080px,calc(100% - 28px));max-height:calc(100svh - 28px);padding:0;margin:auto;border:1px solid #777;background:#111;color:#fff;overflow:auto}
.qg-certificate-dialog::backdrop{background:rgba(0,0,0,.85);backdrop-filter:blur(4px)}
.qg-certificate-dialog .qg-viewer-head{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #444}
.qg-certificate-dialog h3{font-size:clamp(1rem,2vw,1.4rem);line-height:1.25;margin:0}
.qg-certificate-dialog button{background:transparent;color:#fff;border:1px solid #666;min-width:40px;min-height:40px;padding:7px 12px;font-size:.8rem}
.qg-certificate-dialog .qg-viewer-image{width:100%;height:min(66svh,680px);display:block;object-fit:contain;background:#202020;padding:10px;filter:none}
.qg-certificate-dialog .qg-viewer-foot{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.qg-certificate-dialog .qg-viewer-details{font-size:.75rem;color:#ccc}
.qg-certificate-dialog .qg-viewer-actions{display:flex;align-items:center;gap:12px;font-size:.75rem}
.qg-certificate-dialog [hidden]{display:none!important}
@media(max-width:900px){#credenciales .qg-credential-card{flex-basis:calc((100% - 16px)/2)}}
@media(max-width:600px){#credenciales.qg-credentials{padding-block:28px}#credenciales .qg-credential-card{flex-basis:100%}#credenciales .qg-certificate-preview{height:160px}#credenciales .qg-credential-body h3{min-height:0;font-size:1.25rem}#credenciales .qg-credential-filters{display:grid;grid-template-columns:1fr 1fr;gap:6px}#credenciales .qg-credential-filters button{font-size:.7rem;min-height:44px;padding:8px}#credenciales .qg-credential-navigation button{height:44px;width:44px}.qg-certificate-dialog .qg-viewer-head,.qg-certificate-dialog .qg-viewer-foot{padding:10px}.qg-certificate-dialog .qg-viewer-actions{flex-wrap:wrap}.qg-certificate-dialog .qg-viewer-image{height:55svh}}
@media(prefers-reduced-motion:reduce){#credenciales *{transition:none!important;scroll-behavior:auto!important}}