*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:#1d2327;background:#f3f4f6}
header{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.8rem 1.5rem;background:#1e293b;color:#fff}
nav{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}nav a,nav .enlace{color:#cbd5e1;text-decoration:none;font:inherit}nav a:hover,nav .enlace:hover{color:#fff}
nav form{margin:0}.enlace{background:none;border:0;padding:0;cursor:pointer}
main{max-width:1100px;margin:0 auto;padding:1.5rem}h1{margin:.2rem 0 1rem;font-size:1.6rem}h2{margin:0 0 .8rem;font-size:1.15rem;display:flex;gap:.6rem;align-items:center}
.tarjeta{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1.2rem 1.4rem;margin:0 0 1.2rem}.estrecha{max-width:420px}
.rejilla{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.2rem}.rejilla .tarjeta{margin:0 0 1.2rem}
label{display:block;margin:0 0 .9rem;font-weight:600}label small{font-weight:400;color:#64748b}
input,select,textarea{display:block;width:100%;margin-top:.3rem;padding:.55rem .65rem;border:1px solid #cbd5e1;border-radius:6px;font:inherit;background:#fff}
textarea{resize:vertical}.casilla{display:flex;gap:.5rem;align-items:center;font-weight:400}.casilla input{width:auto;margin:0}
button,.boton{display:inline-block;padding:.55rem 1.1rem;border:0;border-radius:6px;background:#2563eb;color:#fff;font:inherit;font-weight:600;cursor:pointer;text-decoration:none}
button:hover,.boton:hover{background:#1d4ed8}button.peligro{background:#b91c1c}button.peligro:hover{background:#991b1b}
table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}
th,td{padding:.6rem .8rem;text-align:left;border-bottom:1px solid #eef2f6;vertical-align:top}th{background:#f8fafc;font-size:.85rem;color:#475569}
.tarjeta table{border:0}dl{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1.2rem;margin:0}dt{color:#64748b}dd{margin:0;overflow-wrap:anywhere}
.estado{display:inline-block;padding:.1rem .6rem;border-radius:99px;font-size:.8rem;font-weight:600;background:#e2e8f0;color:#334155}
.estado-activa{background:#dcfce7;color:#166534}.estado-pendiente{background:#fef9c3;color:#854d0e}.estado-bloqueada,.estado-revocada,.estado-caducada{background:#fee2e2;color:#991b1b}
.aviso{padding:.7rem 1rem;border-radius:8px;margin:0 0 1rem;background:#dcfce7;color:#166534}.aviso-error{background:#fee2e2;color:#991b1b}
.codigo{border:2px solid #2563eb}.codigo textarea{font-family:ui-monospace,monospace;font-size:.85rem;word-break:break-all}
.peligro h2{color:#991b1b}.vacio{padding:2rem;text-align:center;background:#fff;border-radius:10px}
.evento-bloqueada td,.evento-verificacion td,.evento-dominio td{color:#991b1b}code{font-size:.9em}