/* Solo los controles nuevos; la página conserva su CSS original. */
#catalogoDialogo[hidden] { display:none; }
#catalogoDialogo { position:fixed; inset:0; z-index:12050; background:rgba(0,0,0,.86); display:flex; align-items:center; justify-content:center; padding:18px; }
.catalogo-card { box-sizing:border-box; width:100%; max-width:410px; max-height:80dvh; overflow:auto; padding:22px; border:1px solid #2A2A32; border-radius:22px; background:#16161A; color:#94A3B8; font-family:var(--font); font-size:14px; line-height:1.5; }
.catalogo-card h2 { color:#fff; font-size:21px; font-weight:800; margin:0 28px 14px 0; }
#catalogoCerrar { float:right; background:none; border:0; color:#94A3B8; font:inherit; cursor:pointer; }
#catalogoContenido label { display:block; margin-bottom:8px; }
#catalogoContenido input { box-sizing:border-box; width:100%; border:1px solid #2A2A32; padding:13px; border-radius:12px; background:#0F0F12; color:#fff; font:inherit; }
#catalogoContenido button { display:block; width:100%; margin-top:12px; padding:13px; background:#F97316; color:#fff; font:inherit; font-weight:700; border:0; border-radius:30px; cursor:pointer; }
#catalogoEstado { position:fixed; top:104px; left:50%; transform:translateX(-50%); z-index:300; max-width:85%; padding:5px 10px; background:#16161A; color:#94A3B8; font-size:12px; border-radius:5px; }
#catalogoEstado:empty { display:none; }
#catalogoDialogo button:focus-visible { outline:2px solid #F97316; outline-offset:3px; }