.credential-section{margin-top:18px;overflow:hidden}.credential-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.credential-heading h2{margin:0;font:700 20px var(--font-display)}.credential-heading p{margin:4px 0 0;color:var(--muted)}.credential-lock{width:44px;height:44px;flex:0 0 auto;border-radius:13px;display:grid;place-items:center;background:#e5f8dc;color:var(--green-dark);font-size:21px;font-weight:800}.credential-issue-state{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:16px;background:var(--soft);display:flex;align-items:center;gap:18px;flex-wrap:wrap}.credential-issue-state>p:first-child{margin:0 auto 0 0;color:var(--muted)}.credential-action-message{min-height:1.5em;width:100%;margin:2px 0 0;color:var(--muted);font-weight:700}.credential-message{margin-top:20px;padding:18px;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.credential-message.error{background:#fff0ef;color:#8f302c}.credential-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.credential-summary>div{padding:14px 16px;border-radius:12px;background:var(--soft);display:grid;gap:3px}.credential-summary small{color:var(--muted)}.credential-summary strong{overflow-wrap:anywhere;color:var(--blue-deep)}.credential-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.credential-actions .btn{min-height:45px}.credential-viewer-panel{width:min(1080px,100%);padding:32px}.credential-viewer-panel>h2{margin-top:5px}.credential-tabs{width:min(340px,100%);margin:20px auto 16px;padding:4px;border-radius:12px;background:var(--soft);display:grid;grid-template-columns:1fr 1fr}.credential-tabs button{border:0;border-radius:9px;background:transparent;padding:10px;color:var(--muted);font-weight:800}.credential-tabs button.active{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(5,47,71,.1)}.credential-viewer-art{display:grid;justify-items:center}.credential-viewer-art>[data-credential-face]{width:100%}.credential-viewer-art>[hidden]{display:none}.credential-art{position:relative;width:100%;container-type:inline-size;isolation:isolate}.credential-art-frente,.credential-art-verso{max-width:820px;aspect-ratio:1011/639;margin-inline:auto}.credential-art-certificado{max-width:1000px;aspect-ratio:2000/1414;margin-inline:auto}.credential-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.credential-field{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;color:#092a46;font-family:Arial,sans-serif;font-weight:700;line-height:1;text-align:center}.credential-art-frente .credential-field-name{font-size:calc(3.1cqi * var(--credential-fit))}.credential-art-frente .credential-field-category{font-size:calc(2.85cqi * var(--credential-fit))}.credential-art-frente .credential-field-validity{font-size:calc(3cqi * var(--credential-fit))}.credential-art-verso .credential-field-code{font-size:calc(2.35cqi * var(--credential-fit))}.credential-art-certificado .credential-field-name{font-size:calc(2.65cqi * var(--credential-fit))}.credential-art-certificado .credential-field-validity{font-size:calc(1.5cqi * var(--credential-fit))}.credential-art-certificado .credential-field-code{font-size:calc(1.45cqi * var(--credential-fit))}.credential-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.credential-viewer-footer>span{color:var(--muted)}.credential-viewer-footer strong{color:var(--blue-deep)}.credential-viewer-message{min-height:1.5em;margin:10px 0 0;color:var(--muted);text-align:right}.credential-actions button:disabled,.credential-viewer-footer button:disabled,.credential-issue-state button:disabled{opacity:.65;cursor:wait}.credential-section :focus-visible,.credential-viewer-panel :focus-visible{outline:3px solid rgba(8,118,170,.3);outline-offset:3px}
@media(max-width:700px){.credential-heading,.credential-message,.credential-viewer-footer{align-items:flex-start;flex-direction:column}.credential-summary{grid-template-columns:1fr}.credential-actions{display:grid;grid-template-columns:1fr}.credential-actions .btn{width:100%}.credential-issue-state{display:grid}.credential-issue-state .btn{width:100%}.credential-viewer-panel{padding:26px 16px}.credential-viewer-footer .btn{width:100%}.credential-viewer-message{text-align:left}}
@media(max-width:420px){.credential-section{padding:18px 15px}.credential-viewer-panel{padding:24px 10px}.credential-tabs{margin-top:14px}.credential-field{font-weight:800}}
@media(prefers-reduced-motion:reduce){.credential-tabs button,.credential-actions .btn{transition:none}}