*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:#1f2937;background:#f5f6fa}header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:.75rem 1.5rem;background:#1c1f4a;color:#fff}header h1{margin:0;font-size:1.25rem}header nav{display:flex;gap:1rem}header a{color:#c7d2fe;text-decoration:none}header a.activo{color:#fff;font-weight:600;border-bottom:2px solid #fff}main{max-width:900px;margin:1.5rem auto;padding:0 1rem}.encabezado{display:flex;align-items:center;justify-content:space-between}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:.6rem .75rem;text-align:left;border-bottom:1px solid #e5e7eb}th{background:#eef0f8}form{display:flex;flex-direction:column;gap:.5rem;max-width:420px;padding:1.25rem;background:#fff;border-radius:.5rem}label{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem;font-weight:500}input{padding:.5rem;font:inherit;border:1px solid #cbd5e1;border-radius:.375rem}.opcional{font-weight:400;color:#6b7280}button,.boton{padding:.5rem 1rem;font:inherit;color:#fff;background:#3c59e7;border:none;border-radius:.375rem;text-decoration:none;cursor:pointer}button:disabled{opacity:.6;cursor:default}.acciones{display:flex;align-items:center;gap:1rem;margin-top:1rem}.error{color:#b91c1c}select{padding:.5rem;font:inherit;border:1px solid #cbd5e1;border-radius:.375rem;background:#fff}.filtro{flex-direction:row;align-items:center;gap:.5rem;margin:.5rem 0 1rem;max-width:420px}.filtro select{flex:1}.secundario{margin-top:-.5rem;color:#6b7280}.acciones-fila{display:flex;gap:.75rem;justify-content:flex-end}button.enlace{padding:0;color:#3c59e7;background:none;text-decoration:underline}button.enlace.peligro{color:#b91c1c}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:640px){table{display:block;overflow-x:auto}}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.tarjeta{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem}.tarjeta h3,.tarjeta p{margin:0}.tarjeta button{align-self:flex-start;margin-top:.5rem}