
#ab-hoja .tab-cert{position:absolute;left:calc(50% + 44px);top:calc(-20px - var(--sab,0px));width:118px;height:20px;display:flex;align-items:center;justify-content:center;gap:5px;
 background:rgba(10,8,3,.94);border:1.5px solid #c9a227;border-bottom:0;border-radius:11px 11px 0 0;color:#e8c766;padding:0;font:700 11px -apple-system,"DejaVu Sans",sans-serif;letter-spacing:.02em;touch-action:manipulation}
#ab-hoja.abierta .tab-cert{top:-20px}
#ab-hoja .tab-cert::before{content:"";position:absolute;left:-6px;right:-6px;top:-8px;bottom:0}
#ab-hoja .tab-cert svg{width:13px;height:13px;flex:none;pointer-events:none}
#ab-hoja .tab-cert span{pointer-events:none;white-space:nowrap}

#cert-vel{position:fixed;inset:0;z-index:2147483600;background:#070503;color:#f3e6bd;display:flex;flex-direction:column;font-family:-apple-system,"DejaVu Sans",sans-serif;
 padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
#cert-vel[hidden]{display:none}
#cert-vel .cv-top{display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1.5px solid #c9a227;background:rgba(10,8,3,.98);min-height:52px}
#cert-vel .cv-top b{flex:1;font-size:16px;color:#f3dc9c;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#cert-vel button{font:700 14px -apple-system,"DejaVu Sans",sans-serif;color:#f3dc9c;background:rgba(30,24,8,.95);border:1.5px solid #c9a227;border-radius:10px;padding:9px 14px;min-height:40px;touch-action:manipulation}
#cert-vel button:active{background:#3a2c0a}
#cert-vel .cv-lista{flex:1;overflow:auto;padding:14px 12px 24px;-webkit-overflow-scrolling:touch}
#cert-vel .cv-intro{margin:2px 2px 14px;font-size:14px;line-height:1.45;color:#c9b27a}
#cert-vel .cv-tarj{display:flex;align-items:center;gap:12px;width:100%;text-align:left;margin:0 0 10px;padding:12px;border-radius:14px;background:rgba(30,24,8,.95);border:1.5px solid #8a6a24}
#cert-vel .cv-tarj svg{width:46px;height:46px;flex:none}
#cert-vel .cv-tarj .cv-t{display:block;font-size:16px;color:#f3dc9c}
#cert-vel .cv-tarj .cv-s{display:block;margin-top:3px;font-size:12.5px;color:#c9b27a;font-weight:400}
#cert-vel .cv-tarj .cv-f{display:block;margin-top:2px;font-size:12.5px;color:#e8d9a8;font-weight:400}
#cert-vel .cv-muestra{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:6px;border:1px solid #c9a227;font-size:10.5px;letter-spacing:.1em;color:#e8c766;vertical-align:2px}
#cert-vel .cv-vacio{padding:36px 18px;text-align:center;color:#c9b27a;font-size:15px;line-height:1.5}
#cert-vel .cv-visor{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}
#cert-vel .cv-lienzo{flex:1;overflow:auto;background:#0f0c06;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y}
#cert-vel .cv-lienzo canvas{display:block;margin:0 auto;background:#0a0804}
#cert-vel .cv-pie{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:8px 10px;border-top:1.5px solid #c9a227;background:rgba(10,8,3,.98)}
#cert-vel .cv-pie button{flex:1;min-width:0;padding:9px 6px;font-size:13px}
#cert-vel .cv-ver{position:absolute;left:10px;right:10px;bottom:6px;padding:12px;border-radius:12px;background:rgba(10,8,3,.98);border:1.5px solid #c9a227;font-size:12.5px;line-height:1.5;color:#e8d9a8;word-break:break-all}
#cert-vel .cv-ver[hidden]{display:none}
#cert-vel .cv-ver b{color:#f3dc9c}
#cert-vel .cv-ver a{color:#e8c766}
#cert-vel .cv-carga{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#c9b27a;font-size:15px;pointer-events:none}
